/* EP Systems Hub — design tokens (single source of truth).
 *
 * Harness reskin, 2026-08-17 (supersedes the 2026-06-18 sea-of-white freeze):
 * warm paper surfaces, Newsreader + IBM Plex Mono, alpha-composed inks and
 * hairlines. Spec: the "Dashboard UI consolidation" handoff (RESKIN-DELTA.md,
 * archived at docs/design/2026-08-17-harness-reskin/). The colour law survives
 * re-based: identity = ink · affordance = link blue (links only, NEVER a status,
 * never a filled button — the primary button stays neutral ink) · status =
 * green-in / orange-out(=bad) / ochre-cushion / teal-sweep. Blue never decorates
 * state; orange never decorates an action. Tokens-first, no build step. */
:root{
  /* surfaces — warm paper page, brighter paper panels (cards/chips/dialogs/menus),
     tint for the rail and band fills */
  --bg:#f4f1ea; --panel:#fcfbf8; --tint:#efece3; --today:#211d18;

  /* ink — one hue, alpha-composed steps */
  --ink:#211d18;
  --ink-2:rgba(33,29,24,.65); --ink-3:rgba(33,29,24,.45);
  --ink-faint:rgba(33,29,24,.35); --ink-faint-2:rgba(33,29,24,.3);
  --on-dark:#fcfbf8; --on-dark-2:rgba(252,251,248,.6); --on-dark-3:rgba(252,251,248,.75);

  /* hairlines & borders — .10 row rules · .14 chrome rules · .25 header rules,
     input borders & pill tracks · .3 control/dialog borders */
  --line:rgba(33,29,24,.25); --line-2:rgba(33,29,24,.10);
  --line-3:rgba(33,29,24,.14); --line-strong:rgba(33,29,24,.3);

  /* status hues */
  --in:#3f7a4d; --in-bg:#fcfbf8; --in-border:rgba(63,122,77,.8);
  --out:#b64a24; --out-bg:#fcfbf8; --out-border:rgba(182,74,36,.7);
  --cushion:#b0821e; --bad:#b64a24; --sweep:#2c6f66;

  /* affordance — links and link-buttons ONLY */
  --link:#2e66a8; --link-hover:#1d4a80;

  /* glyph / affordance accents */
  --src-xero:#7b8aa0; --src-recurring:#7f9b86; --src-manual:#b5ab99;
  --flex-lit:rgba(33,29,24,.55); --flex-dim:rgba(33,29,24,.15);
  --weekend:#7b8aa0;
  --bar-track:rgba(33,29,24,.1);

  /* type */
  --mono:"IBM Plex Mono",ui-monospace,monospace;
  --sans:"Newsreader",Georgia,serif;

  /* radii — controls/inputs/chips 6 · cards 7 · menus/panels/dialogs 10 · pills 99 */
  --radius:6px; --radius-sm:5px; --radius-md:7px; --radius-lg:10px;
  --radius-pill:99px;

  /* elevation — pop = menus/popovers/autocomplete, tip = tooltips/drag ghost,
     modal = the dialog. One ramp; no bespoke shadows outside these. */
  --shadow-pop:0 8px 28px rgba(33,29,24,.18);
  --shadow-tip:0 6px 18px rgba(33,29,24,.22);
  --shadow-modal:0 24px 60px -12px rgba(33,29,24,.45);
}