/* ── Summer Sorbet Design Tokens ─────────────────────────────────────────── */
:root {
  /* Palette */
  --color-ink-blue:    #1B3A5C;
  --color-ink-blue-90: #1B3A5Ce6;
  --color-blue-mid:    #2C5282;
  --color-blue-light:  #4A90C4;
  --color-yellow:      #FFD94A;
  --color-yellow-soft: #FFF3B0;
  --color-coral:       #FF6B6B;
  --color-coral-soft:  #FFE0E0;
  --color-coral-dark:  #D94F4F;
  --color-bg:          #FAFAF7;
  --color-surface:     #FFFFFF;
  --color-surface-alt: #F4F1EB;
  --color-border:      #E2DDD4;
  --color-text:        #1B3A5C;
  --color-text-muted:  #5A7A99;
  --color-text-light:  #8BA3BB;

  /* Typography */
  --font-sans:  'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:  'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
  --font-size-xs:   0.75rem;
  --font-size-sm:   0.875rem;
  --font-size-base: 1rem;
  --font-size-lg:   1.125rem;
  --font-size-xl:   1.25rem;
  --font-size-2xl:  1.5rem;
  --font-size-3xl:  clamp(1.5rem, 3vw, 2rem);
  --font-size-4xl:  clamp(2rem, 4vw, 2.75rem);
  --font-size-hero: clamp(2.25rem, 5vw, 3.5rem);
  --line-height-tight:  1.25;
  --line-height-normal: 1.6;
  --line-height-loose:  1.8;

  /* Spacing */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* Layout */
  --max-width:     1440px;
  --content-width: 1100px;
  --header-height: 68px;

  /* Borders & Radii */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;
  --border-width: 1px;

  /* Shadows */
  --shadow-sm:  0 1px 3px rgba(27,58,92,0.08), 0 1px 2px rgba(27,58,92,0.06);
  --shadow-md:  0 4px 12px rgba(27,58,92,0.10), 0 2px 4px rgba(27,58,92,0.06);
  --shadow-lg:  0 10px 30px rgba(27,58,92,0.12), 0 4px 8px rgba(27,58,92,0.08);
  --shadow-xl:  0 20px 50px rgba(27,58,92,0.15);

  /* Transitions */
  --transition-fast:   150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow:   350ms ease;

  /* Z-index scale */
  --z-base:    1;
  --z-dropdown: 100;
  --z-sticky:  200;
  --z-overlay: 300;
  --z-modal:   400;
}