/* O'Poulé — Design Tokens */
:root {
  /* ── Colors ── */
  --y:         #FFCE00;
  --y-soft:    #FFE680;
  --y-pale:    #FFF6CC;
  --ink:       #141414;
  --paper:     #FFF8E7;
  --warm:      #E84F1D;
  --warm-deep: #C73A0F;
  --cream:     #F5EFD8;
  --muted:     #6B6357;
  --muted-lt:  #CFC8B6;
  --success:   #1A6A37;
  --success-bg:#D4F3DF;
  --danger:    #A13A2A;
  --danger-bg: #FDE0D6;

  /* ── Typography ── */
  --font-display: 'Bagel Fat One', cursive;
  --font-ui:      'Outfit', system-ui, sans-serif;
  --font-hand:    'Patrick Hand', cursive;
  --font-mono:    'Space Mono', monospace;

  /* ── Spacing scale (4px base) ── */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-7:  28px;
  --sp-8:  32px;
  --sp-9:  36px;
  --sp-10: 40px;
  --sp-11: 44px;
  --sp-12: 48px;

  /* ── Radii ── */
  --r-sm:   8px;
  --r-md:   14px;
  --r-lg:   22px;
  --r-xl:   28px;
  --r-pill: 999px;

  /* ── Shadows (sticker style) ── */
  --shadow-sticker-sm: 2px 2px 0 var(--ink);
  --shadow-sticker-md: 4px 4px 0 var(--ink);
  --shadow-sticker-lg: 6px 6px 0 var(--ink);

  /* ── Layout ── */
  --max-w: 1280px;
  --nav-h: 76px;
}