/* masa — THE shared skin (source of truth: pipeline/shared/masa-skin.css)
   ⚠️ EDIT THIS FILE ONLY, then run pipeline/tools/sync-skin.sh — the per-product copies
   (capture / portal / dashboard → assets/css/masa-skin.css) are byte-identical deploys of it.
   Why copies, not one import: the three products deploy as SEPARATE Cloudflare Pages projects,
   so they can't reach across project roots; a synced copy per product is the no-build answer.
   (Born Jul 18 2026 from the flask-reskin lesson: this palette lived inline in 3 files ×
   multiple token blocks, so every reskin was find-replace archaeology across all of them.
   Now a reskin = edit here → sync → redeploy 3. Capture also pins this file (?v=) + lists it
   in the SW shell — bump both when it changes.)
   Products keep their STRUCTURAL tokens (radii, gaps, line-heights, fonts) — this file is
   only the shared LOOK: ground, ink, accent, status, brand neutrals, the button light. */
:root{
  /* ground (flask-dark) */
  --masa-bg:#191919; --masa-surface:#232323; --masa-sunk:#2A2A2A;
  --masa-line:rgba(250,250,250,.14);
  /* ink */
  --masa-ink:#FAFAFA; --masa-soft:#A1A1AA;
  /* the ONE accent — cyan = "this needs you" (attention/status), never decoration */
  --masa-accent:#92DCE5; --masa-accent-h:#6EC1CE; --masa-on-accent:#191919;
  /* semantic status — done / in-progress / error (cyan stays "your turn") */
  --masa-ok:#7FD1A7; --masa-warn:#E8BE6B; --masa-err:#EC8E8E;
  /* brand neutrals */
  --masa-dough:#3F3F3F;
  /* the flask primary-button light (one recipe, every product) */
  --masa-btn-grad:linear-gradient(to top,#cfdef6 20%,#fafafa 80%);
}