/* MHC Database design tokens - the canonical COOL institutional palette (deep pine accent, cool neutral
   ground, bronze secondary). Distinct from HotelHinge's warm navy+cream, same restrained data-room feel.
   Single source of truth; every page links this first so the landing, the live mini-window, and the legal
   pages share one set of tokens. NOTE: keep 02 - Web App/public/styles.css :root in sync at Gate 4. */
:root{
  --ink:#16201c; --ink2:#36443d; --muted:#5a655d; --line:#e3e7e1; --line2:#eef1ec;
  --bg:#f4f6f3; --panel:#ffffff; --accent:#1f4d3a; --link:#2563a0; --green:#1d7a4d; --gold:#b07d2b;
  /* event-type accents (transactions + sale tags). Tuned so white tag text clears AA (>=4.5:1). */
  --sale:#2563a0; --refinance:#0c7d7d; --development:#9a5b12; --opening:#1d7a4d;
  --conversion:#7a4fcf; --other:#6b7480;
  /* derived: dark/bright accents + on-accent text + functional washes, so CTAs, button hovers,
     gradients, and panels all follow the palette (swap the values above and everything recolors). */
  --accent-deep:#14352a; --accent-bright:#2f6e52; --accent-tint:#e9f1ec;
  --on-accent:#ffffff; --on-accent-2:rgba(255,255,255,.82); --on-accent-3:rgba(255,255,255,.60);
  --gold-deep:#5a4012; --gold-soft:#efe7d6; --gold-line:#e3cf9a;
  --green-soft:#e6f3ec; --danger:#c0392b; --danger-deep:#a3261f; --danger-soft:#fdecec; --danger-line:#f3c7c3;
  --panel-2:#fbfcfb; --line-strong:#d4dad2;
  /* rgb channels (for token-driven rgba shadows/rings) + a text-safe gold (AA on white) */
  --accent-rgb:31,77,58; --gold-rgb:176,125,43; --link-rgb:37,99,160; --danger-rgb:192,57,43; --gold-ink:#8a6014;
  --mono:"SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;font-size:13px;-webkit-font-smoothing:antialiased}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--link);outline-offset:2px;border-radius:3px}
.muted{color:var(--muted)}.mono{font-variant-numeric:tabular-nums;font-family:var(--mono)}
.dash{color:var(--muted)}