/* Well Sizer — site tokens only (structure lives in base.css). Groundwater teal, clay and slate. */
:root{
  --bg:#F2F5F4; --surface:#FFFFFF; --ink:#13232A; --muted:#506169; --line:#D7E0DE; --line-strong:#AFC0BD;
  --accent:#1F6F8B; --accent-ink:#FFFFFF; --accent-soft:#DDEEF3;
  --cool:#2E7D5B; --cool-soft:#DCEFE5; --ok:#2E7D5B; --ok-soft:#DCEFE5; --warm:#A5622A; --warm-soft:#F6E6D7; --bad:#A8342C; --bad-soft:#F8E2DF;
  --r:10px; --max:1060px;
  --sans:"Avenir Next","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
  --mono:ui-monospace,Menlo,Consolas,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0E1719; --surface:#162226; --ink:#E6EFEE; --muted:#9EB0B3; --line:#263639; --line-strong:#3D5257;
  --accent:#6FC0DB; --accent-ink:#082029; --accent-soft:#143844;
  --cool:#6DD3A5; --cool-soft:#14342A; --ok:#6DD3A5; --ok-soft:#14342A; --warm:#E7A266; --warm-soft:#3A2817; --bad:#F09088; --bad-soft:#3E1F1C; color-scheme:dark;
}}
.brand-mark{width:14px;height:18px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,var(--surface) 0 30%,var(--accent) 30% 100%);border:2px solid var(--accent)}
/* site drawings (src/js/viz.js) */
.viz-air{fill:var(--surface);stroke:var(--line-strong)}
.viz-water{fill:var(--accent-soft)}
.viz-water-dd{fill:var(--accent);fill-opacity:.55}
.viz-shell{fill:none;stroke:var(--ink);stroke-width:2}
.viz-ground{fill:var(--warm-soft)}
.viz-aquifer{fill:var(--accent-soft)}
.viz-casing{fill:var(--surface);stroke:var(--ink);stroke-width:1.5}
.viz-pump{fill:var(--warm)}
.viz-pipe{stroke:var(--muted);stroke-width:3}
.viz-seg-a{fill:var(--accent)}.viz-seg-b{fill:var(--warm)}.viz-seg-c{fill:var(--cool)}.viz-seg-d{fill:var(--line-strong)}
.viz-marker{stroke:var(--bad);stroke-width:2;stroke-dasharray:4 3}