/* PLOTLINE design tokens.
 *
 * Copied VERBATIM from the Joe-locked mockup
 * (`PLOTLINE-CAD-PERMIT-2026-09-08/inputs/plotline_mockup_reference.html`).
 * DESIGN LOCK: "Refine/extend, never depart; flag Joe for any change."
 * No token below has been altered. P7 (Donna) owns any change to this file,
 * and any change is a flagged deviation, not a tweak.
 *
 * Dark is the default "drafting terminal" chrome; light is the drawing-office
 * theme. The SHEET stays light in both — paper is paper.
 */

:root {
  /* light "drawing office" — warm-neutral paper workspace, ink chrome */
  --bg: #e8e6df; --chrome: #f4f2ec; --chrome-2: #eae7df; --panel: #fbfaf6;
  --ink: #1b2530; --muted: #5f6b78; --faint: #8a95a1; --line: #d3cfc4; --line-2: #e3dfd5;
  --accent: #0e8fa6;            /* drafting cyan */
  --accent-soft: #d7eef2;
  --blueprint: #2f6fd0;         /* setback / zoning blue */
  --ok: #2f9e6f; --flag: #c07d16; --bad: #cf4d4d;
  --sheet: #fcfcfa; --sheet-grid: #e7e6e0; --sheet-ink: #1b2530; --sheet-ink-2: #4a5560;
  --shadow: 0 1px 0 rgba(0, 0, 0, .04), 0 10px 30px rgba(20, 30, 45, .10);
  --tab-active: #0e8fa6;

  --font-ui: Archivo, "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* Dark is the default when the user has expressed no preference. */
:root:not([data-theme="light"]) {
  --bg: #0b131c; --chrome: #111c27; --chrome-2: #0e1721; --panel: #132030;
  --ink: #d6dee8; --muted: #8b98a7; --faint: #66727f; --line: #243444; --line-2: #1c2836;
  --accent: #2ec6dc; --accent-soft: #0c3540;
  --blueprint: #5b95ea;
  --ok: #41b783; --flag: #e0a43b; --bad: #e46a6a;
  --sheet: #f3f3ef; --sheet-grid: #dededa; --sheet-ink: #182029; --sheet-ink-2: #465360;
  --shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 14px 40px rgba(0, 0, 0, .45);
  --tab-active: #2ec6dc;
}

:root[data-theme="dark"] {
  --bg: #0b131c; --chrome: #111c27; --chrome-2: #0e1721; --panel: #132030;
  --ink: #d6dee8; --muted: #8b98a7; --faint: #66727f; --line: #243444; --line-2: #1c2836;
  --accent: #2ec6dc; --accent-soft: #0c3540;
  --blueprint: #5b95ea;
  --ok: #41b783; --flag: #e0a43b; --bad: #e46a6a;
  --sheet: #f3f3ef; --sheet-grid: #dededa; --sheet-ink: #182029; --sheet-ink-2: #465360;
  --shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 14px 40px rgba(0, 0, 0, .45);
  --tab-active: #2ec6dc;
}