/* ============================================================
   Fabricated OS — design tokens. SINGLE SOURCE OF TRUTH.
   Extracted from the Design Tokens board of the design canvas
   (claude.ai/code/artifact/572f635e-f859-45be-b32b-d290c74eac16).
   Screens reference tokens only. Inventing a hex value in a
   module is a bug. Two surfaces, one system: light is default,
   [data-theme="dark"] flips the surface for the shop TV.
   ============================================================ */

:root {
  /* color — surfaces */
  --paper: #f6f4ee;        /* page background */
  --surface: #ffffff;      /* cards, panels */
  --surface-2: #f2f0e9;    /* quiet fills, chips */
  --surface-3: #fbfaf6;    /* card headers */

  /* color — ink */
  --ink: #20261e;          /* text */
  --muted: #66705f;        /* secondary text */
  --faint: #a3ab9c;        /* hints, empty states */

  /* color — rules */
  --rule: #ddd8cc;
  --rule-soft: #eee9dd;

  /* color — brand */
  --brand: #3ba223;        /* Brand Green — primary actions */
  --brand-deep: #2c7a1a;   /* Deep Green — links, hover, sidebar */
  --brand-deeper: #1f5a12; /* link hover */
  --brand-soft: #e7f4e0;   /* best-price chip fill, ok tints */

  /* color — status */
  --ok: #2c7a1a;
  --warn: #a06a14;         /* Waiting — blocked, pending */
  --warn-soft: #f5ebd8;
  --alert: #d64545;        /* overdue, errors */
  --alert-soft: #f7e3e1;
  --sole: #b3541e;         /* sole source badge */
  --sole-soft: #f9e9dd;

  /* color — methods */
  --m-screen: #4f8ff7;     /* Screen Printing */
  --m-emb: #b07cf7;        /* Embroidery */
  --m-dtf: #f7a44f;        /* DTF */

  /* sidebar (same in both themes — brand surface) */
  --side-bg: #2c7a1a;
  --side-fg: rgba(255, 255, 255, 0.85);
  --side-fg-dim: rgba(255, 255, 255, 0.55);
  --side-fg-strong: #ffffff;
  --side-active: rgba(255, 255, 255, 0.18);
  --side-rule: rgba(255, 255, 255, 0.2);

  /* type */
  --font-body: system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-head: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

  /* shape */
  --r-card: 12px;
  --r-btn: 9px;
  --r-chip: 6px;
  --shadow: 0 1px 6px rgba(32, 38, 30, 0.06);
  --shadow-lift: 0 2px 10px rgba(32, 38, 30, 0.07);
}

/* dark surface — shop TV. Values from the Production · Dark board. */
[data-theme="dark"] {
  --paper: #14181b;
  --surface: #1d2328;
  --surface-2: #12151a;
  --surface-3: #232a30;
  --ink: #edf1ea;
  --muted: #8b9585;
  --faint: #5c6670;
  --rule: #2b3238;
  --rule-soft: #232a30;
  --brand-soft: #123307;
  --ok: #4fc12e;
  --warn: #d9a84e;
  --warn-soft: #2e2413;
  --alert-soft: #331414;
  --sole-soft: #33200f;
  --shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
  --shadow-lift: 0 2px 10px rgba(0, 0, 0, 0.4);
}