/*
 * D&T Electrical — shared design tokens (ui-engineer charter).
 *
 * This is the FIRST frontend in the repo, so this file establishes the token
 * vocabulary the quotebench shell will reuse (locked decision #7). A standalone
 * screen that only references these variables folds into the shell as an `s-`
 * section later without a restyle (lift-and-shift). Never hard-code a colour or a
 * spacing value in a screen — reach for a token here.
 */

:root {
  /* Type — system stacks only (no external fonts: no build step, works offline). */
  --display: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif;
  --body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif;
  --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono",
    monospace;

  /* Ink — text, in three descending weights of emphasis. */
  --ink: #171c24;
  --ink-2: #4b535f;
  --ink-3: #838b97;

  /* Brand — D&T Electrical amber (energy). Dark ink rides ON the brand, never white. */
  --brand: #e79512;
  --brand-ink: #241900;
  --brand-soft: #fdf1dd;

  /* Surfaces. */
  --paper: #f4f6f9; /* page */
  --paper-2: #e9edf2; /* sunken / striping */
  --panel: #ffffff; /* raised cards */

  /* Hairlines. */
  --line: #dde2e9;
  --line-2: #eaeef3;

  /* Shape. */
  --r: 10px;
  --shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 2px 6px rgba(16, 24, 40, 0.08);

  /* Spacing unit (layout gap — distinct from the `gap` STATE colours below). */
  --gap: 16px;

  /*
   * State colours — the status-board vocabulary. Each is a foreground/background
   * pair. `ready` = priced / clean, `look` = needs attention / waiting, and the
   * blocked "gap" state pairs `--gap-ink` with `--gap-bg` (the plain `--gap` name
   * is the spacing unit above, so the blocked foreground carries the `-ink` suffix).
   */
  --ready: #147a49;
  --ready-bg: #e4f3ea;
  --look: #a5650a;
  --look-bg: #fbf0da;
  --gap-ink: #b5342a;
  --gap-bg: #fbe9e6;
  --neutral: #6b7482;
}