/* ═══════════════════════════════════════════════
   tokens.css — Summer Sorbet design tokens
   ═══════════════════════════════════════════════ */
:root {
  /* Primary palette */
  --color-ink-blue:      #1B3A6B;
  --color-sky-blue:      #4A90D9;
  --color-sky-blue-dark: #2D6BB5;
  --color-yellow-sunny:  #F5C842;
  --color-yellow-light:  #FFF9E0;
  --color-yellow-mid:    #FFF0A0;
  --color-coral:         #FF6B5B;
  --color-coral-light:   #FFF0EE;
  --color-coral-dark:    #E04433;

  /* Neutrals */
  --color-bg:            #FAFAF7;
  --color-bg-alt:        #F3F4F8;
  --color-text:          #1A1A2E;
  --color-text-muted:    #5A5A78;
  --color-border:        #DDE1EE;
  --color-white:         #FFFFFF;

  /* Code */
  --color-code-bg:        #EEF3FF;
  --color-inline-code-bg: #E8EEFF;
  --color-inline-code-fg: #1B3A6B;

  /* Shadows */
  --shadow-sm:  0 1px 4px rgba(27,58,107,0.08);
  --shadow-md:  0 4px 16px rgba(27,58,107,0.12);
  --shadow-lg:  0 8px 32px rgba(27,58,107,0.16);

  /* Layout */
  --max-width:      1400px;
  --header-height:  64px;
  --radius-sm:      6px;
  --radius-md:      10px;
  --radius-lg:      16px;

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