:root {
  --navy-900: #0d2235;
  --blue-600: #33678e;
  --orange-500: #f97316;
  --gray-200: #e5e7eb;
  --cream-50: #fff5ee;
  --white: #ffffff;
  --surface: var(--white);
  --surface-soft: var(--cream-50);
  --surface-muted: var(--gray-200);
  --surface-inverse: var(--navy-900);
  --ink: var(--navy-900);
  --ink-muted: var(--blue-600);
  --ink-inverse: var(--white);
  --accent: var(--orange-500);
  --on-accent: var(--navy-900);
  --accent-text: var(--orange-500);
  --border: var(--gray-200);
  --border-strong: var(--blue-600);
  --focus-ring: var(--blue-600);
  --success: #067647;
  --success-soft: #ecfdf3;
  --danger: #b42318;
  --danger-soft: #fef3f2;
  --info-soft: var(--gray-200);
  --font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --text-display: 800 56px/60px var(--font-sans);
  --text-h1: 700 40px/48px var(--font-sans);
  --text-h2: 700 28px/36px var(--font-sans);
  --text-h3: 500 20px/28px var(--font-sans);
  --text-eyebrow: 500 12px/16px var(--font-sans);
  --text-body-lg: 400 18px/28px var(--font-sans);
  --text-body: 400 16px/26px var(--font-sans);
  --text-body-light: 300 16px/26px var(--font-sans);
  --text-button: 700 16px/24px var(--font-sans);
  --text-caption: 400 12px/18px var(--font-sans);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 4px;
  --radius-md: 12px;
  --radius-icon: 12%;
  --shadow-cta: 0 0 24px rgba(249, 115, 22, 0.45);
  --shadow-card: 0 4px 16px rgba(13, 34, 53, 0.08);
}
[data-theme="dark"] {
  --surface: var(--navy-900);
  --surface-soft: rgba(255, 255, 255, 0.06);
  --surface-muted: rgba(229, 231, 235, 0.12);
  --surface-inverse: var(--white);
  --ink: var(--white);
  --ink-muted: var(--gray-200);
  --ink-inverse: var(--navy-900);
  --border: rgba(229, 231, 235, 0.2);
  --border-strong: var(--gray-200);
  --focus-ring: var(--orange-500);
  --success: #75e0a7;
  --success-soft: rgba(117, 224, 167, 0.12);
  --danger: #fda29b;
  --danger-soft: rgba(253, 162, 155, 0.12);
  --info-soft: rgba(51, 103, 142, 0.35);
}