/* Theme tokens are also read by the canvas renderers. Product evidence retains its original colors. */
:root,
:root[data-theme="light"] .mineral {
  color-scheme: light;
  --bg:#ccdce3; --ink:#143f51; --accent:#244dcd; --muted:#42606f;
  --line:#143f5138; --signal:#bd452e; --trace:#327b83;
  --face:#8db4c1; --edge:#3b7993; --surface:#76a8b7;
  --on-accent:#eef4fa; --pill-ink:#f5f8ff;
}
:root[data-theme="light"] .night {
  --bg:#cfcee4; --ink:#262a4c; --accent:#573eb0; --muted:#50536e;
  --line:#262a4c38; --signal:#a84230; --trace:#176e7f;
  --face:#a39bcc; --edge:#726995; --surface:#b6afcf;
  --on-accent:#f1f0fa; --pill-ink:#f5f8ff;
}
:root[data-theme="light"] .cobalt {
  --bg:#b8c9ee; --ink:#172e65; --accent:#233db2; --muted:#3d527e;
  --line:#172e653d; --signal:#9c3b64; --trace:#176f72;
  --face:#849dcf; --edge:#4967a4; --surface:#9baed9;
  --on-accent:#eef2ff; --pill-ink:#f5f8ff;
}
:root[data-theme="dark"],
:root[data-theme="dark"] .mineral {
  color-scheme: dark;
  --bg:#0c202b; --ink:#d0e6ee; --accent:#83cbe9; --muted:#9bb8c6;
  --line:#c2e0ed36; --signal:#ff9b7a; --trace:#5fb5b8;
  --face:#315f73; --edge:#1f455b; --surface:#427d88;
  --on-accent:#102430; --pill-ink:#102430;
}
:root[data-theme="dark"] .night {
  --bg:#121929; --ink:#d9e6ff; --accent:#b1a5ff; --muted:#a6b6d2;
  --line:#d9e6ff36; --signal:#ff9a78; --trace:#70d7ed;
  --face:#514c83; --edge:#2c335b; --surface:#6c609e;
  --on-accent:#161a30; --pill-ink:#161a30;
}
:root[data-theme="dark"] .cobalt {
  --bg:#152b71; --ink:#e7ecff; --accent:#e8ed8b; --muted:#b4c5ec;
  --line:#e7ecff3d; --signal:#f5a7bd; --trace:#86ded7;
  --face:#4861b1; --edge:#223e84; --surface:#718aca;
  --on-accent:#172954; --pill-ink:#172954;
}
.site-nav {background:var(--bg);color:var(--ink);border-color:var(--line)}
.site-nav .nav-tools {border-color:var(--line)}
.nav-tools #motion:before {background:var(--accent)}
.nav-tools #motion[aria-pressed="false"]:before {background:var(--muted)}
#theme {display:inline-flex;gap:7px;align-items:center;white-space:nowrap;min-height:40px}
#theme-symbol {font-size:17px;line-height:1;color:var(--accent)}
#chapter-index {background:var(--bg);color:var(--ink)}
.index-heading {border-color:var(--line)}
#index-links a small,.index-original {color:var(--accent)}
.product-window {background:var(--bg);border-color:var(--accent);box-shadow:25px 24px 0 -1px var(--bg),25px 24px 0 0 var(--line),50px 48px 0 -1px var(--bg),50px 48px 0 0 var(--line)}
.product-window img {background:var(--bg)}
.window-bar {color:var(--muted)}
.window-bar>span:first-child {color:var(--accent)}
.contact-options button[aria-pressed="true"] {color:var(--on-accent)}
.stage-tabs button,.product-picker button {opacity:1;color:var(--muted)}
.stage-tabs button[aria-pressed="true"],.product-picker button[aria-pressed="true"] {color:var(--accent)}
@media(max-width:900px){.product-window{box-shadow:15px 15px 0 -1px var(--bg),15px 15px 0 0 var(--line)}}
@media(max-width:600px){
  .site-nav {gap:10px;padding-inline:18px}
  .site-nav .nav-tools {gap:10px}
  .site-nav>nav {gap:13px}
  #theme {min-width:28px;justify-content:center;min-height:40px}
  #theme-label {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  #theme-symbol {font-size:20px}
}
@media(max-width:360px){.site-nav{padding-inline:12px;gap:8px}.site-nav>nav{gap:10px}.site-nav .nav-tools{gap:8px}}