/* ==========================================================================
   Design Tokens & CSS Variables (Figma Matched)
   ========================================================================== */

:root {
  /* Brand Colors */
  --primary-blue: #1b3fe8;
  --dark-blue: #002ac0;
  --darker-blue: #0026ae;
  --navy: #0a1033;
  --dark-navy: #080d22;
  
  --light-bg: #f4f1ec;
  --card-cream: #f1eee9;
  --sand: #e4dccb;
  --soft-blue: #c8cef5;
  --together-blue: #bdc5f5;
  --footer-bg: #f5f3ee;
  
  --white: #ffffff;
  --text-dark: #0a1033;
  --text-nav: #141b3d;
  --text-gray: #555555;
  --text-muted: #555555;
  --border-color: #ddd8d0;
  --border-dark: #232842;
  
  /* Typography */
  --font-headline: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-accent: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  /* Layout */
  --site-width: 1200px;
}