/* ── Theme tokens ──
   Dark values are the site's original palette, so dark mode looks exactly as it always has.
   Light mode overrides them. theme.js sets data-theme on <html> before first paint.
   Data colors (owner categories, value scales) are NOT tokens — they mean the same thing in
   both themes. When one is used as text, pages wrap it with inkColor() so it stays readable. */
:root{
  color-scheme:dark;
  --page:#0d1117;
  --surface:#111827;
  --panel:#0c1a35;
  --raised:#1a2a42;
  --divider:#1a2a42;
  --border:#1f2f50;
  --border-strong:#374151;
  --hover-bg:#1f2f5066;
  --text-strong:#e0e0e0;
  --text:#c9d1d9;
  --text-soft:#9ca3af;
  --text-muted:#6b7280;
  --text-faint:#4b5563;
  --accent:#ef4444;
  --accent-hover:#dc2626;
  --tone-orange:#f97316;
  --tone-amber:#f59e0b;
  --tone-green:#10b981;
  --tone-blue:#3b82f6;
  --tone-purple:#a855f7;
  --legend-bg:rgba(12,26,53,.93);
  --shadow:rgba(0,0,0,.6);
  --shadow-lg:rgba(0,0,0,.8);
  --overlay:rgba(0,0,0,.7);
  --parcel-edge:#0f172a;
  --data-ink:100%;
}
:root[data-theme="light"]{
  color-scheme:light;
  --page:#f6f7f9;
  --surface:#ffffff;
  --panel:#eef2f8;
  --raised:#e6ebf3;
  --divider:#e5e9f0;
  --border:#d5dce8;
  --border-strong:#b8c2d3;
  --hover-bg:rgba(31,47,80,.08);
  --text-strong:#111827;
  --text:#1f2937;
  --text-soft:#4b5563;
  --text-muted:#5b6472;
  --text-faint:#7b8391;
  --accent:#dc2626;
  --accent-hover:#b91c1c;
  --tone-orange:#c2410c;
  --tone-amber:#b45309;
  --tone-green:#047857;
  --tone-blue:#1d4ed8;
  --tone-purple:#7e22ce;
  --legend-bg:rgba(255,255,255,.94);
  --shadow:rgba(15,23,42,.15);
  --shadow-lg:rgba(15,23,42,.25);
  --overlay:rgba(15,23,42,.45);
  --parcel-edge:#ffffff;
  --data-ink:62%;
}

/* ── Light / dark toggle (top-right of every page header) ── */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:12px;padding:0;flex-shrink:0;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s,border-color .15s,background .15s}
.theme-toggle:hover{color:var(--text-strong);border-color:var(--border-strong);background:var(--hover-bg)}
.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.theme-toggle svg{width:15px;height:15px}