/* =============================================================
   tokens.css — Design Tokens
   Single source of truth for all colours, spacing, typography.
   ============================================================= */

:root {
  /* Brand colours */
  --sun:         #E8A020;
  --sun-light:   #FDF3E3;
  --sun-dark:    #B87A10;
  --navy:        #0D1F3C;
  --navy-mid:    #1A3560;
  --navy-light:  #E8EDF5;

  /* Semantic text */
  --text:        #0D1F3C;
  --text-mid:    #4A5568;
  --text-light:  #718096;

  /* Surfaces */
  --white:       #FFFFFF;
  --off-white:   #FAFAF8;
  --border:      rgba(13, 31, 60, 0.1);

  /* Typography */
  --font-sans:   'DM Sans', sans-serif;
  --font-serif:  'DM Serif Display', serif;

  /* Spacing scale */
  --space-xs:    0.25rem;
  --space-sm:    0.5rem;
  --space-md:    1rem;
  --space-lg:    1.5rem;
  --space-xl:    2rem;
  --space-2xl:   3rem;
  --space-3xl:   5rem;

  /* Border radius */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   14px;
  --radius-xl:   20px;
  --radius-pill: 100px;

  /* Transitions */
  --transition-fast:   0.15s ease;
  --transition-base:   0.2s ease;
  --transition-slow:   0.3s ease;

  /* Shadows */
  --shadow-card: 0 20px 40px rgba(13, 31, 60, 0.1);

  /* Nav */
  --nav-height: 68px;
}