:root {
  color-scheme: dark;
  --color-shell-bg: #080d12;
  --color-main-bg: #0d131a;
  --color-surface: #121a23;
  --color-surface-translucent: rgba(18, 26, 35, 0.96);
  --color-surface-subtle: #17212c;
  --color-surface-muted: #1d2a36;
  --color-surface-strong: #263541;
  --color-surface-cool: #13202b;
  --color-surface-overlay: rgba(13, 19, 26, 0.9);
  --color-surface-glass: rgba(18, 26, 35, 0.82);
  --color-border: #2b3946;
  --color-border-strong: #40505f;
  --color-border-subtle: #22303c;
  --color-card-bg: #121a23;
  --color-card-header-bg: #151f29;
  --color-card-subtle-bg: #17212c;
  --color-card-border: #2a3946;
  --color-card-border-hover: #526474;
  --color-card-divider: #22303c;
  --color-card-accent: #4ade80;
  --color-empty-state-bg: #111922;
  --color-empty-state-border: #324353;
  --color-text: #e7eef5;
  --color-text-muted: #a6b4c1;
  --color-text-soft: #7f8d9a;
  --color-on-accent: #06110a;
  --color-primary: #4ade80;
  --color-primary-strong: #86efac;
  --color-primary-soft: rgba(74, 222, 128, 0.14);
  --color-primary-wash: rgba(74, 222, 128, 0.08);
  --color-primary-alpha-06: rgba(74, 222, 128, 0.06);
  --color-primary-alpha-055: rgba(74, 222, 128, 0.055);
  --color-primary-alpha-08: rgba(74, 222, 128, 0.08);
  --color-primary-alpha-16: rgba(74, 222, 128, 0.16);
  --color-primary-alpha-18: rgba(74, 222, 128, 0.18);
  --color-primary-alpha-24: rgba(74, 222, 128, 0.24);
  --color-primary-alpha-30: rgba(74, 222, 128, 0.3);
  --color-primary-alpha-36: rgba(74, 222, 128, 0.36);
  --color-success: #7ddf9f;
  --color-success-soft: rgba(34, 197, 94, 0.16);
  --color-success-border-soft: rgba(125, 223, 159, 0.24);
  --color-warning: #f6bd60;
  --color-warning-soft: rgba(246, 189, 96, 0.16);
  --color-warning-wash: rgba(246, 189, 96, 0.11);
  --color-warning-border-muted: rgba(246, 189, 96, 0.2);
  --color-warning-border-subtle: rgba(246, 189, 96, 0.18);
  --color-warning-border-soft: rgba(246, 189, 96, 0.26);
  --color-warning-border-medium: rgba(246, 189, 96, 0.3);
  --color-danger: #ff8a7a;
  --color-danger-soft: rgba(255, 138, 122, 0.15);
  --color-danger-wash: rgba(255, 138, 122, 0.1);
  --color-danger-border-muted: rgba(255, 138, 122, 0.2);
  --color-danger-border-button: rgba(255, 138, 122, 0.24);
  --color-danger-border-button-hover: rgba(255, 138, 122, 0.38);
  --color-danger-border-outline: rgba(255, 138, 122, 0.3);
  --color-danger-border-subtle: rgba(255, 138, 122, 0.18);
  --color-danger-border-alert: rgba(255, 138, 122, 0.26);
  --color-danger-border-soft: rgba(255, 138, 122, 0.28);
  --color-danger-border-medium: rgba(255, 138, 122, 0.34);
  --color-danger-wash-strong: rgba(255, 138, 122, 0.16);
  --color-neutral: #b4c0ca;
  --color-neutral-soft: rgba(180, 192, 202, 0.14);
  --color-focus: #86efac;
  --color-row-hover: #18242f;
  --color-backdrop: rgba(1, 6, 12, 0.72);
  --color-dialog-backdrop: rgba(1, 6, 12, 0.64);
  --color-sidebar-bg: #080d12;
  --color-sidebar-surface: #101821;
  --color-sidebar-border: #21303c;
  --color-sidebar-text: #edf5fb;
  --color-sidebar-muted: #b8c5d0;
  --color-sidebar-soft: #8f9fab;
  --color-sidebar-active-icon: #86efac;
  --color-sidebar-hover-bg: rgba(255, 255, 255, 0.045);
  --color-sidebar-glass: rgba(8, 13, 18, 0.94);
  --color-sidebar-glass-border: rgba(255, 255, 255, 0.08);
  --color-sidebar-subtle-text: rgba(226, 232, 240, 0.72);
  --font-body: "IBM Plex Sans", "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --font-size-xs: 0.6875rem;
  --font-size-sm: 0.8125rem;
  --font-size-body: 0.875rem;
  --font-size-mobile-body: 0.9375rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --radius-sm: 0.125rem;
  --radius-md: 0.25rem;
  --radius-lg: 0.375rem;
  --radius-xl: 0.875rem;
  --radius-pill: 999px;
  --shadow-1: none;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.28);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.24), 0 14px 36px rgba(0, 0, 0, 0.16);
  --shadow-card-hover: 0 2px 6px rgba(0, 0, 0, 0.32), 0 18px 42px rgba(0, 0, 0, 0.2);
  --shadow-2: 0 14px 36px rgba(0, 0, 0, 0.28);
  --shadow-lg: 0 22px 64px rgba(0, 0, 0, 0.42);
  --shadow-auth-card: 0 24px 80px rgba(0, 0, 0, 0.52);
  --motion-fast: 120ms ease;
  --motion-base: 140ms ease;
  --motion-panel: 160ms ease;
  --line-tight: 1.25;
  --line-body: 1.45;
  --sidebar-width: 17rem;
  --topbar-height: 3.75rem;
  --control-height: 2rem;
  --button-height: 2rem;
  --touch-target: 2.75rem;
  --card-accent-width: 0.1875rem;
  --badge-height: 1.5rem;
  --table-cell-y: 0.55rem;
  --table-cell-x: 0.8rem;
  --table-avatar-size: 1.75rem;
  --table-meta-size: 0.75rem;
  --detail-workspace-width: 82rem;
  --detail-sidebar-width: 23rem;
  --detail-label-column: 10rem;
  --detail-control-max: 34rem;
  --detail-textarea-max: 42rem;
  --form-field-short: 12rem;
  --form-field-medium: 16rem;
  --form-field-phone: 14rem;
  --form-field-email: 24rem;
  --form-field-wide: 28rem;
  --form-field-name: 34rem;
  --content-width: 110rem;
  /* Breakpoint contract: mobile 720px, shell 980px, wide detail 1100px. */
}