:root {
  --navy-900: #05213a;
  --navy-800: #0b2a4a;
  --navy-700: #112e4c;
  --navy-600: #1f4570;
  --sidebar-active: rgba(255, 255, 255, 0.12);
  --blue-600: #1769e0;
  --blue-100: #eaf2fe;
  --white: #ffffff;
  --bg-page: #f5f8fb;
  --bg-card: #ffffff;
  --border: #e3e8ef;
  --text-strong: #0b1f33;
  --text: #334155;
  --text-muted: #566579;
  --success-bg: #ddf3e4;
  --success: #17692f;
  --warning-bg: #fdebc8;
  --warning: #8a5a00;
  --info-bg: #dceafe;
  --info: #1d4ed8;
  --neutral-bg: #e8ecf2;
  --neutral: #475569;
  --danger-bg: #fde2e1;
  --danger: #b42318;
  --star: #e8a317;
  --text-disabled: #9aa7b8;
  --focus-ring: rgba(23, 105, 224, 0.4);
  --overlay-navy: rgba(5, 33, 58, 0.5);
  --overlay-ink: rgba(11, 31, 51, 0.5);
  /* Text and lines on navy surfaces, and navy overlays on photos. */
  --white-a06: rgba(255, 255, 255, 0.06);
  --white-a12: rgba(255, 255, 255, 0.12);
  --white-a60: rgba(255, 255, 255, 0.6);
  --white-a70: rgba(255, 255, 255, 0.7);
  --white-a75: rgba(255, 255, 255, 0.75);
  --white-a80: rgba(255, 255, 255, 0.8);
  --white-a85: rgba(255, 255, 255, 0.85);
  --white-a92: rgba(255, 255, 255, 0.92);
  --navy-a78: rgba(5, 33, 58, 0.78);
  --navy-a80: rgba(5, 33, 58, 0.8);
  --navy-a82: rgba(5, 33, 58, 0.82);
  --navy-a85: rgba(5, 33, 58, 0.85);
  --navy-a90: rgba(5, 33, 58, 0.9);
  --navy-a92: rgba(5, 33, 58, 0.92);

  --font-sans: 'Poppins', 'Segoe UI', system-ui, -apple-system, sans-serif;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;

  --radius-control: 10px;
  --radius-card: 16px;
  --radius-pill: 999px;

  --shadow-card: 0 1px 2px rgba(11, 31, 51, 0.06), 0 8px 24px rgba(11, 31, 51, 0.06);

  --sidebar-width: 240px;
  --sidebar-width-compact: 208px;
  --topbar-height: 64px;
  --content-max-width: 1280px;

  --motion-fast: 150ms ease-out;
  --motion-slow: 200ms ease-out;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 0ms;
    --motion-slow: 0ms;
  }
}