/* Keep the original near-black, cyan, blue, and amber palette. */
:root[data-theme="dark"]{color-scheme:dark;--bg:#070b12;--surface:rgba(17,24,39,.8);--surface2:rgba(17,24,39,.4);--border:rgba(55,65,81,.5);--text:#e5e7eb;--text-muted:#9ca3af;--teal:#06b6d4;--teal-bright:#22d3ee;--teal-dark:#0891b2;--card-bg:rgba(17,24,39,.65);--card-border:rgba(55,65,81,.45)}
:root[data-theme="light"]{color-scheme:light;--bg:#f1f6fc;--surface:rgba(255,255,255,.88);--surface2:rgba(226,236,247,.7);--border:#c3d2e4;--text:#11243a;--text-muted:#465b75;--teal:#06728d;--teal-bright:#076a86;--teal-dark:#086c86;--card-bg:rgba(255,255,255,.86);--card-border:#c3d2e4;--border-teal:#6faac0;--border-amber:#b59363;--amber:#8a570d;--amber-bright:#84500b;--green:#17623e;--error:#a42c3e}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 10px;border:1px solid var(--card-border);border-radius:8px;background:transparent;color:var(--text-muted);font:500 11px/1.3 'IBM Plex Sans',system-ui,sans-serif;white-space:nowrap;cursor:pointer}
.theme-toggle::before{content:'';width:12px;height:12px;border:1.5px solid currentColor;border-radius:50%;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}
.theme-toggle:hover{color:var(--text);border-color:var(--teal)}
.nav-actions{display:flex;align-items:center;gap:.75rem}
@media(max-width:820px){nav .nav-links{display:none}nav .nav-inner{gap:.7rem;padding-inline:1rem}nav .nav-cta{gap:.4rem}nav .nav-cta .btn-sm{font-size:.75rem;padding:.5em .8em}}
@media(max-width:480px){nav .nav-cta>a.btn-ghost[href="/login"]{display:none}nav .nav-inner{gap:.5rem}nav .nav-logo{font-size:1.1rem}nav .theme-toggle{padding:7px 8px;font-size:10px}nav .nav-cta .btn-sm{padding:.5em .65em}nav .nav-actions{gap:.5rem}}
:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
:root[data-theme="dark"] .btn-primary,:root[data-theme="dark"] .plan-cta-primary{color:#03202b}
:root[data-theme="light"] nav{background:rgba(241,246,252,.92)}
:root[data-theme="light"] footer{background:#e6eef8}
:root[data-theme="light"] .hero-h1{color:#11243a}
:root[data-theme="light"] .hero-h1.cycling{-webkit-text-fill-color:initial;color:#11243a;background:none}
:root[data-theme="light"] .nav-logo.cycling,:root[data-theme="light"] #heurchain-sub.cycling{color:#11243a}
:root[data-theme="light"] .nav-logo.cycling .chain,:root[data-theme="light"] #heurchain-sub.cycling .sub-chain{color:#06728d;text-shadow:0 0 18px rgba(6,182,212,.25)}
:root[data-theme="light"] #bg-canvas{mix-blend-mode:multiply;opacity:.8}
:root[data-theme="light"] #nebula{background:radial-gradient(ellipse 80% 60% at 20% 30%,rgba(6,182,212,.07),transparent 70%),radial-gradient(ellipse 60% 50% at 80% 70%,rgba(74,158,255,.08),transparent 70%)}
:root[data-theme="light"] .footer-col ul a,:root[data-theme="light"] .footer-copy,:root[data-theme="light"] .footer-tagline-bottom{color:#465b75}
:root[data-theme="light"] .footer-col ul a:hover{color:#11243a}
:root[data-theme="light"] .plan-card.featured{background:#e9f5fb}
:root[data-theme="light"] .tier-card h3,:root[data-theme="light"] .code-left h2{color:var(--text)}
:root[data-theme="light"] .tier-badge.hot{color:#87520a}
:root[data-theme="light"] .tier-badge.cold{color:#4c43a5}
:root[data-theme="light"] .flowchart-section{background:rgba(226,236,247,.55)}
:root[data-theme="light"] .code-section{background:rgba(241,246,252,.92)}
:root[data-theme="light"] .price-card .btn-primary{color:#fff}
:root[data-theme="dark"] .popular-tag{color:#03202b}
/* Terminal and graph keep their original intentional dark presentation. */
:root[data-theme="light"] .terminal{--text:#e5e7eb;--text-muted:#9ca3af;--teal:#06b6d4;--teal-bright:#22d3ee;color:#e5e7eb}
:root[data-theme="light"] .flowchart-wrapper{--text-muted:#9ca3af;background:#0b1320;border-radius:16px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Shared account/document surfaces. Keep typography, texture and layout intact. */
:root[data-theme="dark"] {
  --bg-elev:#111a26; --input-bg:rgba(7,11,18,.7); --warn:#fcd34d;
  --muted:var(--text-muted); --bright:var(--teal-bright); --ok:#34d399;
}
:root[data-theme="light"] {
  --bg-elev:#e6eef8; --input-bg:#fff; --warn:#80520d;
  --muted:var(--text-muted); --bright:var(--teal-bright); --ok:#17623e;
}
:root[data-theme="light"] .nav {background:rgba(241,246,252,.94)}
:root[data-theme="light"] .footer-col a,
:root[data-theme="light"] .footer-copy-sm {color:var(--text-muted)}
[data-site-page="dashboard"] .nav {height:auto;min-height:60px;flex-wrap:wrap;padding-block:.65rem}
[data-site-page="dashboard"] .nav-right {flex-wrap:wrap;gap:.65rem}
[data-site-page="beta"] .masthead {flex-wrap:wrap;gap:1rem}
[data-site-page="consent"] header {align-items:center;flex-wrap:wrap}
[data-site-page="consent"] .theme-toggle {font:500 12px/1.3 'IBM Plex Sans',sans-serif}
[data-site-page="login"] #oauth-google {color:#1f1f1f}
/* Article pagination must not inherit the fixed site navigation overlay. */
:root[data-theme] [data-site-page="blog-post"] .post-nav {position:static;height:auto;background:transparent;backdrop-filter:none}
:root[data-theme="light"] [data-site-page] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),textarea,select) {
  background-color:var(--input-bg);color:var(--text);border-color:var(--border);
}
:root[data-theme="light"] [data-site-page] :is(input,textarea)::placeholder {color:var(--text-muted);opacity:1}
:root[data-theme="light"] [data-site-page="dashboard"] :is(.token-wrap,.apikey-key-wrap,.import-file-drop),
:root[data-theme="light"] [data-site-page="beta"] :is(.cred,pre),
:root[data-theme="light"] [data-site-page="dashboard-beta"] :is(.stat,.chip,.graph-frame-wrap),
:root[data-theme="light"] .caps-table th {background:var(--surface2)}
:root[data-theme="light"] [data-site-page="dashboard"] :is(.alert-warn,.status-badge.suspended) {color:var(--warn)}
/* Opaque 85% black insets: reverse text must not inherit the light-page palette. */
:root[data-theme="light"] [data-site-page="dashboard"] :is(.code-block,.stat-tile) {
  --text:#fff;--text-muted:#d6d6d6;--teal:#67e8f9;--teal-bright:#67e8f9;
  background:#262626;color:var(--text);border-color:#666;
}
:root[data-theme="light"] [data-site-page="dashboard"] .code-block .hi {color:#fcd34d}
:root[data-theme="light"] [data-site-page="dashboard"] .qs-copy-btn {
  background:#3b3b3b;color:#fff;border-color:#808080;
}
:root[data-theme="light"] [data-site-page="dashboard"] .qs-copy-btn:hover {background:#505050;color:#fff}
:root[data-theme="light"] [data-site-page="dashboard"] .qs-copy-btn.copied {background:#215239;color:#fff}
:root[data-theme="light"] [data-site-page="dashboard"] #sources-range,
:root[data-theme="light"] [data-site-page="dashboard"] #sources-range option {
  color-scheme:dark;background:#262626;color:#fff;border-color:#666;
}
:root[data-theme="light"] [data-site-page="dashboard"] :is(.btn-rotate,.btn-rotate:hover,.btn-cancel,.btn-cancel:hover) {color:var(--error);border-color:var(--error)}
:root[data-theme="light"] [data-site-page="dashboard"] :is(.footer-version,.import-file-drop-types) {color:var(--text-muted)}
:root[data-theme="light"] [data-site-page="dashboard"] .prov-card {background:#fff;color:var(--text);box-shadow:0 20px 60px rgba(17,36,58,.22)}
:root[data-theme="light"] [data-site-page="dashboard"] :is(.prov-head,.prov-kv,.prov-table td) {border-color:var(--border)}
:root[data-theme="light"] [data-site-page="dashboard"] .unspecified-tip::after {background:#fff}
:root[data-theme="light"] [data-site-page="dashboard"] .toast-success {background:#e0f3e8}
:root[data-theme="light"] [data-site-page="dashboard"] .toast-error {background:#fce9ed}
:root[data-theme="light"] [data-site-page="beta"] :is(.btn:not(.btn-ghost),.btn-copy-lg) {color:#fff}
:root[data-theme="light"] [data-site-page="dashboard-beta"] .beta-notice {color:var(--warn)}
/* The graph's luminous visualization stays dark; its surrounding UI follows the preference. */
[data-site-page="graph"] {background:var(--bg);color:var(--text)}
:root[data-theme="light"] [data-site-page="graph"] :is(.legend,.controls button,.ui-toggle,.info-panel,.key-card) {background:#f1f6fc;color:var(--text);border-color:var(--border)}
:root[data-theme="light"] [data-site-page="graph"] .controls button.active {background:#cdebf2}
:root[data-theme="light"] [data-site-page="graph"] .info-panel .badge {background:var(--surface2)}
:root[data-theme="light"] [data-site-page="graph"] .info-panel .badge-gray {color:var(--text-muted)}
:root[data-theme="light"] [data-site-page="graph"] .graph-error {background:#fce9ed}
:root[data-theme="light"] [data-site-page="consent"] {background:var(--bg);color:var(--text)}
:root[data-theme="light"] [data-site-page="consent"] :is(a,.brand em) {color:var(--teal-bright)}
:root[data-theme="light"] [data-site-page="consent"] section {background:var(--surface);border-color:var(--border)}
:root[data-theme="light"] [data-site-page="consent"] :is(p,small) {color:var(--text-muted)}
:root[data-theme="light"] [data-site-page="consent"] .notice {background:#e2f1f6;border-color:var(--teal)}
:root[data-theme="light"] [data-site-page="consent"] #message {color:var(--warn)}
:root[data-theme="light"] [data-site-page="consent"] .connection {border-color:var(--border)}
:root[data-theme="light"] [data-site-page="consent"] button:not(.secondary):not(.theme-toggle) {background:var(--teal);border-color:var(--teal);color:#fff}
:root[data-theme="light"] [data-site-page="consent"] button.secondary {color:var(--teal);border-color:var(--teal)}
:root[data-theme="light"] [data-site-page="changelog"] :is(.release p,.release li) {color:var(--text-muted)}
@media(max-width:640px) {
  [data-site-page="comparison"] .cmp-table {display:block;overflow-x:auto;max-width:100%}
  [data-site-page="dashboard"] .nav {padding-inline:1rem;gap:.6rem}
  [data-site-page="dashboard"] .nav-right {width:100%;margin:0}
  [data-site-page="dashboard"] .nav-label {margin-left:auto}
  [data-site-page="login"] .nav {padding-inline:1rem}
  [data-site-page="login"] .nav-back {font-size:.72rem}
  [data-site-page="graph"] .nav-label {display:none}
  [data-site-page="dashboard-beta"] .nav {height:auto;min-height:60px;flex-wrap:wrap;padding-block:.65rem;gap:.6rem}
  [data-site-page="dashboard-beta"] .nav-right {flex-wrap:wrap}
  [data-site-page="graph"] .nav-right,
  [data-site-page="dashboard-beta"] .nav-right {gap:.5rem}
  [data-site-page="changelog"] .nav-link {font-size:.65rem}
}