:root {
  --color-bg-dark: #0a2f4a;
  --color-bg-teal: #0d4f5c;
  --color-bg-black: #111111;
  --color-bg-card-dark: #1a1a1a;
  --color-accent-sage: #8a9a8b;
  --color-accent-sage-l: #a8b5a0;
  --color-accent-beige: #ede4d5;
  --color-accent-cream: #f5f0e6;
  --color-accent-green: #7d8f6e;
  --color-text-dark: #1f3a45;
  --color-text-muted: #2c3e50;
  /* Brand CTA — aligned with teal system (was Tailwind blue) */
  --color-cta: #0d4f5c;
  --color-cta-hover: #0a3f4a;
  --color-cta-soft: rgba(13, 79, 92, 0.15);
  --color-cta-blue: var(--color-cta);
  --color-white: #ffffff;
  --color-faq-answer: #5f6b5f;
  --color-success: #2f6b4f;
  --color-error: #a33a3a;

  --font-sans: "Inter", system-ui, sans-serif;
  --font-pixel: "Press Start 2P", monospace;

  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;

  --container-max: 1200px;
  --container-wide: 1440px;
  --nav-height: 64px;
  --section-pad-y: 4rem;
  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.12);
  --shadow-hover: 0 16px 48px rgba(0, 0, 0, 0.18);

  --scroll-margin: calc(var(--nav-height) + 1rem);
}