:root {
  /* Brand navy scale */
  --navy-950: #060e1c;
  --navy-900: #0b1a30;
  --navy-800: #12274a;
  --navy-700: #1b3462;
  --navy-600: #2a4a86;

  /* Surfaces */
  --surface: #ffffff;
  --surface-alt: #f6f8fc;
  --surface-muted: #edf1f7;
  --border: #e1e6ef;
  --border-strong: #c7d0e0;

  /* Text */
  --text-primary: #0b1a30;
  --text-secondary: #4a5670;
  --text-muted: #5b6780;
  --text-inverse: #ffffff;
  --text-inverse-muted: #aab8d6;

  /* Accent (route / tech / trust) */
  --accent: #2f6fed;
  --accent-strong: #1d4fc4;
  --accent-soft: #e8f0ff;
  --accent-soft-strong: #d6e3ff;

  /* Semantic */
  --success: #16a34a;
  --success-strong: #0f7d38;
  --success-soft: #e7f7ed;
  --warning: #9a5b06;
  --warning-soft: #fdf3e2;
  --danger: #b91c1c;
  --danger-soft: #fdecec;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(11, 26, 48, 0.07), 0 1px 1px rgba(11, 26, 48, 0.04);
  --shadow-md: 0 10px 28px rgba(11, 26, 48, 0.10), 0 2px 8px rgba(11, 26, 48, 0.06);
  --shadow-lg: 0 26px 64px rgba(11, 26, 48, 0.20);

  /* Type */
  --font-display: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* Motion */
  --dur-fast: 160ms;
  --dur-base: 300ms;
  --dur-slow: 560ms;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  /* Layout */
  --content-width: 1180px;
  --header-height: 64px;
}

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