/* ═════════════════════════════════════════════════════════════════════
   DECK-SYSTEM DESIGN TOKENS — Greenshift Removal (2026-05-15)
   Single source of truth for vertical rhythm + brand palette.
   See docs/superpowers/specs/2026-05-15-greenshift-removal-design.md
   Phase 1: tokens here, also live in style.css :root (kept in sync).
   Phase 2 (Task 15): the style.css :root block gets retired.
   ═════════════════════════════════════════════════════════════════════ */

:root {
  /* Rhythm tokens */
  --rhythm-major:  96px;   /* between top-level <section> elements */
  --rhythm-minor:  48px;   /* between content blocks inside a section */
  --rhythm-inline: 24px;   /* between adjacent paragraphs / list items */
  --rhythm-tight:  12px;   /* between eyebrow + h1, label + value */
  --content-max:  1280px;  /* container max-width */
  --gutter:        24px;   /* horizontal page gutter */

  /* Brand palette (deck system) */
  --deck-cream:      #FAF7EF;
  --deck-cream-2:    #F4EEDC;
  --deck-cream-3:    #EDE3CB;
  --deck-tan:        #DCCCA0;
  --deck-coffee:     #6B5638;
  --deck-slate:      #4A5568;
  --deck-gold:       #B8964E;
  --deck-cream-text: #FAF7EF;
  --deck-ink:        #1D1D1F;
}

@media (max-width: 768px) {
  :root {
    --rhythm-major:  64px;
    --rhythm-minor:  32px;
    --rhythm-inline: 16px;
  }
}