/* ══════════════════════════════════════════════════════════════════════
   Moonshot Growth — Design Tokens
   Single source of truth for colors, typography, and spacing.
   ══════════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* ── Primary Palette (Velocity Bar order) ───────────────────────── */
  --scarlet:      #E63946;   /* CTAs, highlights, critical actions       */
  --saffron:      #F4A261;   /* Google Ads elements, alerts, conversions */
  --blue:         #457B9D;   /* Data visualization, dashboards, tracking */
  --emerald:      #2A9D8F;   /* Success states, validation, growth       */

  /* ── Supporting Colors ──────────────────────────────────────────── */
  --navy:         #1A2544;   /* Primary text, dark backgrounds           */
  --navy-deep:    #111C35;   /* Darker accents (footer)                  */
  --cream:        #FAF8F4;   /* Light backgrounds                        */
  --white:        #FFFFFF;   /* Cards, content areas                     */
  --text:         #1A2544;   /* Body text (alias for navy)               */
  --text-muted:   #6B7694;   /* Secondary text                           */
  --border:       #E2DDD8;   /* Borders, dividers                        */

  /* ── Typography ─────────────────────────────────────────────────── */
  --font:         'Manrope', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* ── Layout ─────────────────────────────────────────────────────── */
  --nav-h:        68px;
  --container-max: 1200px;
  --container-pad: 32px;

  /* ── Easing ─────────────────────────────────────────────────────── */
  --ease-motion:  cubic-bezier(0.22, 1, 0.36, 1);
}