/* YTM baseline colors. See guide for known contrast gaps and accessible variants. */
:root {
  color-scheme: light;
  --canvas:#fff; --surface:#f8f8f8; --surface-2:#f2f2f2;
  --border:#e5e5e5; --border-strong:#d9d9d9;
  --text:#36393b; --muted:#6e7073;
  --primary:#4a7bd0; --primary-hover:#3d6ab8; --primary-subtle:#edf2fa;
  --focus:#0051c3;
  --btn:#fff; --btn-hover:#f2f2f2; --btn-active:#e5e5e5;
  --btn-text:#36393b; --btn-border:#d9d9d9;
  --ok:#0e8e3e; --ok-bg:#ebf7ef;
  --warn:#8a5a00; --warn-bg:#fdf6e3; --warn-border:#ecd9a8;
  --danger:#c5221f; --danger-bg:#fdecec; --danger-border:#f3c1bf;
  --font:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  --sidebar:232px; --header:52px;
  --overlay:rgba(0,0,0,.4); --dialog-shadow:0 12px 40px rgba(0,0,0,.18);
  /* Portable accessibility variants; not claimed as shipped YTM colors. */
  --action-text:#3d6ab8; --success-text:#087a34;
}
.ds-topic-1{--tint:#dfeafb;--ink:#2f5da6;--wash:#eef3fb}
.ds-topic-2{--tint:#dcf2e3;--ink:#23764a;--wash:#edf6f0}
.ds-topic-3{--tint:#fbeecb;--ink:#8a5b0a;--wash:#faf5e8}
.ds-topic-4{--tint:#ebe3f8;--ink:#5e42a3;--wash:#f3effa}
.ds-topic-5{--tint:#fbe0e5;--ink:#a63d52;--wash:#fbeff1}
.ds-topic-6{--tint:#d9f0ef;--ink:#1f7a77;--wash:#ecf6f5}