/*
 * GroundWorth design tokens.
 *
 * The reference object is a recorded plat: a drafting sheet on vellum, inked in
 * navy, annotated in a mono hand, with flagging-tape magenta reserved for the
 * one thing on the sheet that needs looking at. That last rule is the important
 * one: magenta marks the buildable envelope and a failed check, and nothing
 * else, ever. The moment it decorates something, the sheet stops working.
 *
 * The palette commits to paper. There is no dark variant: a plan sheet in
 * reverse is not a plan sheet, and the whole point of the drawing is that it
 * reads the same on screen as it does printed and folded in a truck.
 */

:root {
  color-scheme: light;

  /* ---- surface ---- */
  --vellum:       #E7EAE4;   /* the sheet */
  --panel:        #F2F4EF;   /* a card laid on the sheet */
  --panel-sunk:   #DFE3DB;   /* a well cut into the sheet */
  --ink:          #16233B;   /* drafting navy: all linework and type */
  --ink-soft:     #5B6672;   /* annotation, secondary type */
  --ink-faint:    #8D97A0;   /* tertiary, disabled */
  --hairline:     #B3BBB6;   /* rules, borders, grid */
  --hairline-soft:#D2D7CE;

  /* ---- signal ---- */
  --magenta:      #D6006E;   /* flagging tape: buildable area, failures */
  --magenta-wash: rgba(214, 0, 110, 0.10);
  --wetland:      #7E9DB0;   /* water, regulated areas */
  --wetland-wash: rgba(126, 157, 176, 0.20);
  --municipal:    #2C6A4C;   /* conforming, verified, published */
  --municipal-wash: rgba(44, 106, 76, 0.12);
  --caution:      #9A6B1F;   /* qualified pass, estimated figures */
  --caution-wash: rgba(154, 107, 31, 0.12);

  /* ---- type ----
   * The faces locked in the August 2026 mock-ups: Barlow Condensed for
   * headings, IBM Plex Mono for every figure and label, Inter for prose.
   * Loaded from Google Fonts with font-display: swap; offline, or before they
   * arrive, each falls back to the closest system face so nothing reflows
   * badly and the sheet still reads.
   */
  --face-condensed: "Barlow Condensed", "Avenir Next Condensed", "HelveticaNeue-CondensedBold",
                    "Arial Narrow", "Roboto Condensed", ui-sans-serif, system-ui, sans-serif;
  --face-mono:      "IBM Plex Mono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas,
                    "Liberation Mono", monospace;
  --face-body:      "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
                    Roboto, Helvetica, Arial, sans-serif;

  /* ---- rhythm ---- */
  --gutter: 24px;
  --measure: 66ch;
  --radius: 0px;          /* drafting sheets do not have rounded corners */
  --rule: 1px solid var(--hairline);
  --rule-soft: 1px solid var(--hairline-soft);

  --shadow-card: 0 1px 0 rgba(22, 35, 59, 0.06), 0 12px 28px -22px rgba(22, 35, 59, 0.45);

  /* ---- motion ---- */
  --ease: cubic-bezier(0.2, 0.6, 0.25, 1);
  --fast: 140ms;
  --slow: 420ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --fast: 0ms; --slow: 0ms; }
}