/* Design tokens -- the single source of truth for every page (portal, welcome,
   future screens). Change values here, nowhere else.
   Mobile-first (380px primary), black & white minimalist, EK brand alignment. */
:root {
  color-scheme: light;   /* light-locked until dark lands everywhere (plan R1) */

  --ink:      #111111;   /* strokes, text */
  --ink-mute: #6B6B6B;   /* muted label text -- #8A8A8A failed WCAG AA (~3.5:1) */
  --soft:     #616164;   /* secondary body text -- >=4.5:1 on white */
  --paper:    #FFFFFF;
  --line:     #EDDACC;   /* brand cream -- decorative dividers */
  --field-line: #D4D4D4; /* form control borders (Variant B spec) */
  --rule:     #E4E4E4;   /* inactive progress track */
  --error:    #B23A3A;

  /* marquee / card-art warm palette (page 0, hero art) */
  --paper-cream: #F5F0E6;
  --wheat:       #D9C7A7;
  --crust:       #B8956A;
  --crust-deep:  #8C6239;

  --stroke-w: 1.5px;     /* ALL line art */
  --r:        8px;       /* radius everywhere, matches buttons */
}