:root {
  /* Colors */
  --color-anchor-navy:      #0B2B45;
  --color-ocean-blue:       #164A6B;
  --color-momentum-gold:    #F1AF04;
  --color-signal-pink:      #D8256A;
  --color-light-navy-tint:  #F2F5F8;
  --color-white:            #FFFFFF;

  /* Typography */
  --font-headline: 'Epilogue', sans-serif;
  --font-body:     'aktiv-grotesk', 'DM Sans', sans-serif;

  /* Spacing (8px grid) */
  --space-0:   4px;
  --space-1:   8px;
  --space-2:  16px;
  --space-3:  24px;
  --space-4:  32px;
  --space-6:  48px;
  --space-10: 80px;
  --space-15: 120px;

  /* Layout */
  --max-width:         1200px;
  --content-max-width:  650px;

  /* Border radius */
  --radius-button: 6px;
  --radius-card:   10px;
  --radius-pill:   20px;

  /* Shadows */
  --shadow-card:       0 2px 12px rgba(11, 43, 69, 0.08);
  --shadow-card-hover: 0 8px 24px rgba(11, 43, 69, 0.12);
  --shadow-navbar:     0 2px 16px rgba(11, 43, 69, 0.15);
}