/* Cord Calc — site tokens and site drawings (structure lives in base.css). Own palette: moss and ember on warm paper. */
:root{
  --bg:#F6F3EC; --surface:#FFFFFF; --ink:#1F1B15; --muted:#5F574B; --line:#E4DDD0; --line-strong:#C4B9A6;
  --accent:#4C6A26; --accent-ink:#FFFFFF; --accent-soft:#E6ECDA;
  --cool:#2F6F5B; --cool-soft:#DCEEE6; --ok:#2F6F5B; --ok-soft:#DCEEE6; --warm:#B4531A; --warm-soft:#F8E6D6; --bad:#A3362B; --bad-soft:#F6E0DC;
  --r:10px; --max:1060px;
  --sans:Inter,"Avenir Next","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
  --mono:ui-monospace,Menlo,Consolas,monospace;
  --display:"Barlow Condensed","Avenir Next Condensed","Arial Narrow",var(--sans); --glass:#D9E3E6; --hero-art-bg:#ECE6D8;
  --a-wall:#E9E1D0; --a-floor:#CDBFA6; --a-hearth:#9C5B3E; --a-iron:#2D2A26; --a-trim:#77706A; --a-fire:#2B1A10;
  --a-flame:#E07A2E; --a-core:#F6C24B; --a-wood:#C9A36B; --a-wood-dk:#B48A55; --a-ring:#8A6A3E; --a-bark:#6B4E2E; --a-stack:#4A3A28;
  --a-sky:#E3E7DA; --a-ground:#B9AD8E; --a-house:#F3EEE3; --a-roof:#7B4A35; --a-window:#CFE0E6; --a-leaf:#5E7E31;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#13120E; --surface:#1C1A15; --ink:#EEE8DC; --muted:#A99F90; --line:#2F2B23; --line-strong:#4B453A;
  --accent:#A7C27A; --accent-ink:#141F08; --accent-soft:#232B17;
  --cool:#7FCDB1; --cool-soft:#173329; --ok:#7FCDB1; --ok-soft:#173329; --warm:#F0A060; --warm-soft:#3A2817; --bad:#F0948A; --bad-soft:#3D201C;
  --glass:#2B3D44; --hero-art-bg:#221F18;
  --a-wall:#2A261E; --a-floor:#3A3328; --a-hearth:#7A4430; --a-iron:#0D0C0A; --a-trim:#5E5850; --a-fire:#0A0604;
  --a-wood:#A5814E; --a-wood-dk:#8E6C3F; --a-ring:#6A4F2C; --a-bark:#4F3820; --a-stack:#2C2218;
  --a-sky:#1E2219; --a-ground:#3A3426; --a-house:#2B2820; --a-roof:#5A3424; --a-window:#33474E; --a-leaf:#7FA04A;
  color-scheme:dark;
}}
.brand-mark{width:16px;height:16px;border-radius:4px;background:linear-gradient(135deg,var(--warm),var(--accent))}

/* site drawings */
.art .art-wall{fill:var(--a-wall)}.art .art-floor{fill:var(--a-floor)}.art .art-hearth{fill:var(--a-hearth)}
.art .art-pipe{fill:var(--a-iron)}.art .art-iron{fill:var(--a-iron)}.art .art-trim{fill:var(--a-trim)}.art .art-fire{fill:var(--a-fire)}
.art .art-flame{fill:var(--a-flame)}.art .art-flame-core{fill:var(--a-core)}.art .art-glass-sheen{fill:#fff;opacity:.12}
.art .art-wood{fill:var(--a-wood);stroke:var(--a-bark);stroke-width:1.5}.art .art-wood-dk{fill:var(--a-wood-dk)}
.art .art-ring{fill:none;stroke:var(--a-ring);stroke-width:1.6}.art .art-bark{fill:var(--a-bark)}.art .art-pith{fill:var(--a-ring)}
.art .art-check{stroke:var(--a-bark);stroke-width:3;stroke-linecap:round}.art .art-needle{fill:var(--a-leaf)}.art .art-leaf{fill:var(--a-leaf)}
.art .art-gauge{fill:var(--line)}.art .art-gauge-fill{fill:var(--warm)}
.art .art-sky{fill:var(--a-sky)}.art .art-ground{fill:var(--a-ground)}.art .art-stackbg{fill:var(--a-stack)}.art .art-post{fill:var(--a-bark)}
.art .art-dim{stroke:var(--muted);stroke-width:2;stroke-dasharray:6 5;fill:none}
.art .art-house{fill:var(--a-house);stroke:var(--ink);stroke-width:2}.art .art-roof{fill:var(--a-roof)}.art .art-window{fill:var(--a-window);stroke:var(--ink);stroke-width:2}
.art .art-heat{fill:none;stroke:var(--warm);stroke-width:3;stroke-linecap:round;opacity:.8}

/* home tool inside the hero */
.hero-tool{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;margin-top:10px}
.hero-tool .grid2{gap:8px 10px}
.hero-tool .f{font-size:.82rem}
.cc-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.cc-result .answer{margin:0;padding:8px 10px}
.cc-result .value{font-size:1.45rem}
.cc-note{font-size:.82rem;color:var(--muted);margin:8px 0 0}
.home-lede{font-size:1rem;margin:.3em 0 .5em}
@media (max-width:760px){
  .hero-home h1{font-size:1.75rem;line-height:1.1;margin:.1em 0 .2em}
  .hero-home .eyebrow{margin:0}
  .home-lede{display:none}
  .cc-result .value{font-size:1.2rem}
  .cc-result .label{font-size:.7rem}
}
.stove-list{list-style:none;padding:0;margin:8px 0;display:grid;gap:6px}
.stove-list li{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.muted{color:var(--muted)}
figure.viz .viz-bar{fill:var(--a-wood)}figure.viz .viz-bar-hi{fill:var(--accent)}
.hero-tool .grid2{grid-template-columns:1fr 1fr}