/* ============================================================================
   tokens.css — PI-EMB Embroidery Digitizer design tokens
   ----------------------------------------------------------------------------
   Phase 0 of the Forge <-> Stitch-Judge design unification (see the PI-EMB
   memory "forge-judge-design-unification"). Defines the shared token VOCABULARY
   (the same variable NAMES Stitch Judge uses); the Digitizer skins it with
   Wine Plum on warm linen. Nothing consumes these yet — this is a wiring-only
   commit with ZERO visual change. Phase 1 sweeps hardcoded hex -> var(--...).

   Rule going forward: reference var(--...), never a raw hex. Accent only via
   --accent; state colours (--good/--focus/--issue) are separate from the accent.
   Loaded BEFORE style.css so the variables resolve everywhere.
   ========================================================================== */
:root {
  /* ── Neutrals — warm linen (kin to Judge's cream, a touch warmer) ── */
  --paper:  #F2EFE7;   /* page / canvas ground         */
  --raised: #FBFAF5;   /* cards, panels, preview        */
  --ink:    #211E18;   /* primary text                 */
  --muted:  #75705F;   /* labels, hints, secondary     */
  --line:   #E3DDD0;   /* borders, dividers, hairlines */

  /* ── Accent — Wine Plum · the Digitizer's own highlight ── */
  --accent:       #8E4763;
  --accent-hover: #763A52;
  --accent-soft:  #F3E7EC;   /* tints, selected rows, focus halos */
  --accent-rgb:   142, 71, 99;   /* for rgba(var(--accent-rgb), a) shadows/halos */

  /* ── Semantic — shared with Judge · encode STATE, never brand ── */
  --good:  #16A34A;  --good-soft:  #E4F3EA;  --good-ink:  #15733F;
  --focus: #D97706;  --focus-soft: #FBEFDC;  --focus-ink: #9A5B12;
  --issue: #DC2626;  --issue-soft: #FBE7E6;  --issue-ink: #A02121;

  /* ── Type — system stack (shared with Judge) ── */
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, monospace;

  /* ── Radius ── */
  --r-tag:  7px;     /* badges, small tags        */
  --r-ctrl: 10px;    /* inputs, buttons, controls */
  --r-card: 14px;    /* cards, panels, modals     */
  --r-pill: 999px;   /* pills, chips              */

  /* ── Shadow — warm-tinted, border-driven hierarchy ── */
  --shadow-subtle: 0 1px 3px  rgba(33,30,24,.06);
  --shadow-float:  0 2px 8px  rgba(33,30,24,.16);
  --shadow-menu:   0 6px 22px rgba(33,30,24,.18);

  /* ── Motion ── */
  --dur: .15s;
}