:root {
  color-scheme: light;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --navy-950: #0b1728;
  --navy-900: #10223a;
  --navy-800: #18324f;
  --canvas: #f3f6f9;
  --surface: #ffffff;
  --surface-subtle: #f8fafc;
  --surface-blue: #f1f6fc;
  --text-strong: #14243a;
  --text: #33465e;
  --text-muted: #586b80;
  --border: #dce4ec;
  --border-strong: #c5d0dc;
  --accent: #2268b5;
  --accent-hover: #195797;
  --accent-soft: #e8f1fb;
  --success: #14734b;
  --success-soft: #e8f6ef;
  --warning: #9a6200;
  --warning-soft: #fff4d8;
  --danger: #b4232d;
  --danger-soft: #fdecef;
  --info: #356da8;
  --info-soft: #eaf2fb;
  --purple: #7257a8;
  --purple-soft: #f1edfa;
  --shadow-sm: 0 1px 2px rgb(15 35 58 / 6%);
  --shadow-md: 0 10px 30px rgb(15 35 58 / 10%);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  /* Shared type roles: density changes spacing, never reading size. */
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-ui: .9375rem;
  --text-body: 1rem;
  --text-section: 1.125rem;
  --text-title: 1.75rem;
  --text-metric: 1.75rem;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --leading-body: 1.5;
  --leading-ui: 1.45;
  --leading-heading: 1.3;
  --control-h: 42px;
  --control-sm-h: 36px;
  --row-h: 52px;
  --row-rich-h: 84px;
  --cell-py: 12px;
  --panel-pad: 20px;
  --page-gutter: clamp(16px, 1.6vw, 32px);
  --sidebar-w: 248px;
  --sidebar-compact-w: 64px;
  --shell-sidebar-w: var(--sidebar-w);
  --topbar-h: 74px;
  --drawer-w: 760px;
  --focus: 0 0 0 3px rgb(34 104 181 / 22%);
}

[data-density="compact"] {
  --control-h: 36px;
  --control-sm-h: 32px;
  --row-h: 44px;
  --row-rich-h: 72px;
  --cell-py: 8px;
  --panel-pad: 16px;
  --space-5: 16px;
  --space-6: 20px;
}