/* ===== DESIGN TOKENS ======================================================== */

:root {
  /* Brand */
  --navy: #1e3a8a;
  --cyan: #06b6d4;
  --cyan-light: #22d3ee;
  --dark: #0f172a;

  /* Neutrals */
  --text: #1e293b;
  --text-secondary: #64748b;
  --text-muted: #94a3b8;
  --border: #e2e8f0;
  --border-hover: #cbd5e1;
  --bg: #fff;
  --bg-alt: #f8fafc;
  --bg-hero: #0f172a;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0,0,0,.04);
  --shadow-card: 0 4px 24px rgba(30,58,138,.06);
  --shadow-card-hover: 0 8px 32px rgba(30,58,138,.08);
  --shadow-cta: 0 4px 16px rgba(6,182,212,.3);
  --shadow-cta-hover: 0 8px 24px rgba(6,182,212,.5);
  --shadow-glass: 0 24px 80px rgba(0,0,0,.35);

  /* Typography */
  --font: 'Plus Jakarta Sans', sans-serif;
  --font-head: Manrope, sans-serif;

  /* Spacing scale */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;

  /* Radii */
  --radius: 12px;
  --radius-full: 999px;
  --radius-widget: 16px;

  /* Transitions */
  --ease: cubic-bezier(.32,.72,0,1);
  --ease-slow: cubic-bezier(.23,1,.32,1);
}