/* Dark theme for /terms.html. Applies only under html[data-theme="dark"], which
   components/preferences.js sets. The block between the sentinels is
   generated by scripts/build_dark_theme.mjs; never edit it by hand. Anything
   after it is hand-written and wins at equal specificity. */

/* DARK_THEME:GENERATED:START */
/* Generated by scripts/build_dark_theme.mjs. Do not edit by hand. */
html[data-theme="dark"]{--bg:#192030;--bg2:#171d2c;--bg3:#1d2639;--surface:#171d2c;--border:#212a40;--accent:#7bb3f4;--accent2:#8abff5;--text:#c4d1d9;--muted:#afbac0;--white:#d2e7f5}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
html[data-theme="dark"] .page-label{color:var(--accent)}
html[data-theme="dark"] .page-title{color:var(--white)}
html[data-theme="dark"] .page-meta{color:var(--muted)}
html[data-theme="dark"] .toc{background:var(--surface);border:1px solid var(--border)}
html[data-theme="dark"] .toc-title{color:var(--white)}
html[data-theme="dark"] .toc a{color:var(--accent)}
html[data-theme="dark"] .section h2{color:var(--white);border-top:2px solid var(--accent)}
html[data-theme="dark"] .section p{color:var(--text)}
html[data-theme="dark"] .section li{color:var(--text)}
html[data-theme="dark"] .section strong{color:var(--white)}
html[data-theme="dark"] .highlight-box{background:rgba(14,103,208,0.06);border-left:3px solid var(--accent)}
html[data-theme="dark"] .contact-box{background:var(--surface);border:1px solid var(--border)}
html[data-theme="dark"] .contact-box h3{color:var(--white)}
html[data-theme="dark"] .contact-box p{color:var(--muted)}
html[data-theme="dark"] .contact-box a{color:var(--accent)}
/* DARK_THEME:GENERATED:END */