:root {
  --color-navy-950: #071a33;
  --color-navy-900: #0b2445;
  --color-navy-850: #0d2b52;
  --color-navy-800: #123866;
  --color-primary-700: #07569f;
  --color-primary-600: #0a66c2;
  --color-primary-500: #1677d2;
  --color-primary-100: #dceeff;
  --color-primary-50: #eff7ff;
  --color-ink-950: #0d1f38;
  --color-ink-800: #263a55;
  --color-muted-700: #52647a;
  --color-muted-600: #66788f;
  --color-muted-500: #7f8ea1;
  --color-surface: #ffffff;
  --color-surface-subtle: #f8fafc;
  --color-canvas: #f3f6fa;
  --color-border: #dce5ef;
  --color-border-strong: #c7d4e2;
  --color-success-700: #087a56;
  --color-success-100: #dff5ec;
  --color-warning-800: #8a5900;
  --color-warning-100: #fff2cf;
  --color-danger-700: #b42318;
  --color-danger-100: #ffe9e7;
  --color-neutral-100: #edf2f7;
  --color-neutral-700: #586a80;

  --shadow-xs: 0 1px 2px rgba(15, 42, 78, .05);
  --shadow-sm: 0 4px 14px rgba(15, 42, 78, .07);
  --shadow-md: 0 14px 36px rgba(15, 42, 78, .12);
  --shadow-lg: 0 24px 64px rgba(15, 42, 78, .18);

  --radius-xs: 6px;
  --radius-sm: 9px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-pill: 999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  --control-sm: 34px;
  --control-md: 42px;
  --control-lg: 48px;
  --sidebar-width: 228px;
  --topbar-height: 64px;
  --content-max: 1500px;

  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --text-xs: .75rem;
  --text-sm: .8125rem;
  --text-md: .9375rem;
  --text-lg: 1.0625rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;

  --motion-fast: 140ms ease;
  --motion-base: 200ms ease;
}