/* HangPace design tokens: the ONLY place colors, fonts, radii and spacing are defined (DESIGN.md is the rulebook).
 * Every other stylesheet (index.html, office-desktop.css, platform.css, home.html) uses these variables only;
 * tests/design.test.ts fails on a color literal anywhere else. Live overrides from the platform console (Design page)
 * arrive in /design.css, linked right after this file, and may set only the names in server/design.ts ALLOWED. */
:root{
  /* ---- the one loud color, used structurally: selected tab, primary button, the one key number ---- */
  --accent:#E2F000; --accent-ink:#121417;
  /* ---- ink, paper and rules ---- */
  --ink:#121417; --ink-2:#2B3037; --muted:#5B616A;
  --paper:#F3F4F1; --paper-2:#E6E8E3; --board:#FFFFFF;
  --rule:#121417; --rule-soft:#C8CCC5;
  /* ---- status (text color on its own background; never color alone: always a word too) ---- */
  --good:#0A4D27; --good-bg:#DDEFE3; --warn:#573800; --warn-bg:#FFF1C4; --bad:#8A150E; --bad-bg:#F8E1DD;
  /* ---- crew TV (dark surface) ---- */
  --night:#101316; --night-2:#1A1E23; --night-3:#2A3037; --chalk:#F1F3EE; --chalk-2:#C9CED4;
  --chalk-line:rgba(241,243,238,.35);
  /* ---- line art: studs, joists and hung board with screws ---- */
  --stud:#6F767E; --bare:#D2D7CF; --screw:rgba(18,20,23,.30); --cell-edge:rgba(18,20,23,.40);
  /* ---- home page construction layer only (DESIGN.md 5c): tape-measure red (16" marks, laser line) and lumber crayon ---- */
  --tape-red:#C0141F; --crayon:#1F4AA8;

  /* ---- third-party brand marks: fixed by their owners, never overridden (Microsoft sign-in button logo) ---- */
  --ms-red:#F25022; --ms-green:#7FBA00; --ms-blue:#00A4EF; --ms-yellow:#FFB900; --ms-edge:#8C8C8C;

  /* ---- type: Archivo (headlines 800, body 400/500), JetBrains Mono (figures, labels, codes, times, table heads) ----
   * /fonts/fonts.css defines the two @font-face families; until it loads, the existing stacks after them apply. */
  --f-head:"Archivo","Bahnschrift","DIN Alternate","DIN 2014","Roboto Condensed","Arial Narrow",sans-serif;
  --f-body:"Archivo","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"Cascadia Mono","SF Mono",Consolas,"Liberation Mono",monospace;
  --head-weight:800; --head-stretch:87.5%; --label-track:.06em;

  /* ---- spacing, radii, rules, motion ---- */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px;
  --r1:2px; --r2:4px; --r3:4px; --r-tile:2px;
  --radius:3px; /* home page cards and buttons (web/home.css) */
  --r-auth:16px; --r-hero:24px; /* sign-in screens only: inputs, buttons and cards 16px, the hero panel 24px */
  --rule-w:1px; --rule-heavy:2px;
  --ease-out:cubic-bezier(.16,1,.3,1); --dur:200ms;

  /* ---- names the prototype stylesheet uses (aliases; change the tokens above, not these) ---- */
  --vest:var(--accent); --vest-ink:var(--accent-ink);
  --gypsum:var(--paper); --gypsum-2:var(--paper-2);
  --o-paper:var(--paper); --o-line:var(--rule-soft); --o-line-2:var(--rule-soft); --o-ink-3:var(--muted);
  --f-display:var(--f-head);
  --studs:repeating-linear-gradient(90deg,var(--stud) 0 2px,var(--bare) 2px 12px);
  --joists:repeating-linear-gradient(0deg,var(--stud) 0 2px,var(--bare) 2px 12px);
  --screws:radial-gradient(circle,var(--screw) 1.1px,transparent 1.7px) 0 0/13px 13px,var(--board);
}