:root{
  --bg:#fbf7f1;--ink:#2c241c;--sec:#6b5c4d;--muted:#8a7a66;--faint:#a08d78;
  --surface:#fff;--line:#e9dfd2;--line-2:#e3d9cc;--line-3:#efe6d9;--line-4:#f1e9dd;--line-5:#d9cdbc;
  --panel:#f5ece0;--panel-a:#fbf7f1;--panel-b:#fbf7f1;--panel-c:#fbf7f1;--note-a:#f3efe7;--note-b:#f2ede4;
  --cta:#c66a3f;--cta-hover:#b25a31;--on-cta:#fff;
  --cta2:#c66a3f;--cta2-hover:#b25a31;--on-cta2:#fff;
  --terra-text:#c66a3f;--accent2:#c66a3f;--link:#c66a3f;--tint:rgba(198,106,63,.1);
  --green:#4a8a5c;--arrow:#c1ae95;--hover-line:#c9b8a2;--dash:#c9a86a;--dot:#e4c465;
  --badge-bg:#f3e7cd;--badge-text:#96742c;--shadow:rgba(120,84,50,.12);
  --on-dark:#fbf7f1;--dark-text:#cfc0ad;--dark-accent:#e4a37f;--dark-accent-bg:rgba(228,163,127,.12);
  --code-text:#f3ece2;--code-comment:#9c8f7d;--code-key:#e4a06a;--code-str:#a9c99a;
}
html[data-theme="new"]{
  --bg:#fff7f0;--ink:#1d0f30;--sec:#53494e;--muted:#6f646b;--faint:#6f646b;
  --surface:#fff;--line:#e6dce7;--line-2:#e6dce7;--line-3:#f1e8e0;--line-4:#f3ece5;--line-5:#ddd3ca;
  --panel:#faeadd;--panel-a:#fef4eb;--panel-b:#edf6fd;--panel-c:#f6eefd;--note-a:#fbe9db;--note-b:#f7f4fd;
  --cta:#ff6a00;--cta-hover:#eb5e02;--on-cta:#1a1420;
  --cta2:#6c2cc9;--cta2-hover:#5f33a8;--on-cta2:#fff;
  --terra-text:#b74708;--accent2:#5f33a8;--link:#2f5e8c;--tint:rgba(255,106,0,.12);
  --green:#2a7548;--arrow:#6f646b;--hover-line:#c9bdd9;--dash:#e9b48a;--dot:#eb5e02;
  --badge-bg:#faeadd;--badge-text:#9a5a3a;--shadow:rgba(29,15,48,.1);
  --on-dark:#fff7f0;--dark-text:#cfc7e0;--dark-accent:#ffa566;--dark-accent-bg:rgba(255,165,102,.14);
  --code-text:#f3eefc;--code-comment:#a39bbd;--code-key:#ffa566;--code-str:#b5e0a8;
}
.theme-toggle{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer;
  font:500 13px/1 system-ui,sans-serif;color:var(--sec);background:var(--surface);
  border:1px solid var(--line-2);border-radius:999px;padding:7px 12px}
.theme-toggle::before{content:"";width:14px;height:14px;border-radius:50%;
  background:linear-gradient(90deg,#c66a3f 50%,#ff6a00 50%);border:1px solid var(--line-2)}
.theme-toggle:hover{border-color:var(--hover-line);color:var(--ink)}
.theme-toggle[aria-pressed="true"]{background:var(--cta);border-color:var(--cta);color:var(--on-cta)}
.theme-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media(max-width:700px){.theme-toggle{font-size:0;gap:0;padding:7px}.theme-toggle::before{width:16px;height:16px}}