/* tokens.css — the engine's design values, named by meaning (UX installment 1, 2026-10-11).

   One file, loaded on every page before the page parts. Values are named for what a thing IS, not for its color, so the
   house color rule travels with the name (owner, 2026-10-07: "red only where … somebody needs to run after it";
   Order Desk work light yellow or amber at most; discretionary actions blue; understatement; no green scheme).
   The store's Order Desk takes a copy of this file, so staff see one look on both stacks (UX.NORMS).

   Existing pages keep the seven values in app.css (--ink, --muted, --rule, --field, --blue, --mark, --warn, --ok);
   these are the --ts- values new parts use. Nothing here restyles an existing page. */
:root {
  /* text */
  --ts-ink: #1b2733;              /* reading text */
  --ts-muted: #5c7288;            /* secondary text that must still be read: never lighter than this */
  --ts-faint: #95a3a9;            /* decoration only (a weekday beside an ISO date) — never something to act on */
  --ts-rule: #d5d8de;
  --ts-field: #f4f5f7;
  --ts-paper: #ffffff;

  /* meaning */
  --ts-discretionary: #2a78d6;    /* a person may choose to act: buttons, links, "I'll take it" */
  --ts-discretionary-bg: #e8f1fc;
  --ts-mark: #1f4e8c;             /* headings of panels, the think small mark */
  --ts-waiting: #8a5a00;          /* work waiting at a desk or on someone: light amber at most */
  --ts-waiting-bg: #fff4d6;
  --ts-waiting-rule: #e0a53a;
  --ts-attention: #b3261e;        /* a human must run after it now — refunds, money lost; used sparingly */
  --ts-attention-bg: #fbe4e4;
  --ts-done: #2e6b55;             /* finished; a quiet tone, not a green scheme */
  --ts-done-bg: #e9f3ee;
  --ts-held: #5b3a8c;             /* held by another person (multi-user arbitration) */
  --ts-held-bg: #f1ebfa;
  --ts-mine-bg: #e8f1fc;          /* held by me */
  --ts-laptop-bg: #fff3d9;        /* hosting: the development laptop */
  --ts-cloud-bg: #e8f1fc;         /* hosting: the cloud (Render) */

  /* type — the phone floor (UI.IPHONE rule 1): no word under 15 px, reading 17 px, fields 16 px */
  --ts-type-floor: 15px;
  --ts-type-read: 17px;
  --ts-type-field: 16px;
  --ts-type-h1: 1.55rem;
  --ts-type-h2: 1.25rem;
  --ts-type-big: 1.6rem;          /* the key figure on a tile */
  --ts-type-desk-small: 13px;     /* desk only, never on the phone (TS.UI STYLE "small print") */

  /* touch — UI.IPHONE rule 2 */
  --ts-tap: 44px;                 /* the smallest thing a finger presses */
  --ts-btn: 48px;                 /* a standard button */
  --ts-btn-main: 52px;            /* the one action that completes a step, full width on the phone */

  /* space and shape — square-ish corners, Bauhaus feel (owner, 2026-10-10) */
  --ts-gap: 12px;
  --ts-pad: 14px;
  --ts-radius: 6px;

  /* widths */
  --ts-phone: 402px;              /* the test width of the iPhone 17 Pro, portrait */
  --ts-one-column: 760px;         /* under this the page is one column (UI.IPHONE rule 7) */
  --ts-publication: 46rem;        /* reading pages and manuals on screen; 6.5 in on paper */
}