:root { color-scheme: dark; }
.theme-controls { display:flex; justify-content:flex-end; gap:6px; max-width:900px; margin:0 auto; padding:16px 20px; }
.theme-choice { font:inherit; font-size:14px; padding:8px 15px; border:1px solid #666; border-radius:6px; background:#161616; color:#eee; cursor:pointer; }
.theme-choice[aria-pressed="true"] { background:#ffd700; border-color:#ffd700; color:#111; font-weight:bold; }
.theme-choice:focus-visible { outline:3px solid #ffd700; outline-offset:3px; }
html[data-theme="light"] { color-scheme:light; background:#ffffff; }
html[data-theme="light"] body { background:#ffffff; color:#292929; }
html[data-theme="light"] header { background:#ffffff; }
html[data-theme="light"] h1, html[data-theme="light"] .brand-main { color:#222222; }
html[data-theme="light"] h2 { color:#444444; }
html[data-theme="light"] .brand, html[data-theme="light"] .brand-sub { color:#606060; }
html[data-theme="light"] .nav { background:#ffffff; border-color:#dddddd; }
html[data-theme="light"] .nav a, html[data-theme="light"] footer a { color:#444444; }
html[data-theme="light"] .nav a:hover, html[data-theme="light"] .nav a.active { background:#f2f2f2; color:#6e4b00; }
html[data-theme="light"] .card { background:#ffffff; border-color:#dddddd; box-shadow:0 4px 18px rgba(0,0,0,.04); }
html[data-theme="light"] .highlight { color:#795400; }
html[data-theme="light"] footer { background:#ffffff; color:#606060; border-color:#dddddd; }
html[data-theme="light"] footer a:hover, html[data-theme="light"] footer a:visited { color:#444444; }
html[data-theme="light"] input, html[data-theme="light"] textarea { background:#fff; color:#292929; border-color:#888888; }
html[data-theme="light"] input:focus, html[data-theme="light"] textarea:focus { outline-color:#795400; }
html[data-theme="light"] .form-note { color:#606060; }
html[data-theme="light"] .theme-choice { background:#ffffff; color:#444444; border-color:#999999; }
html[data-theme="light"] .theme-choice[aria-pressed="true"] { background:#795400; color:#fff; border-color:#795400; }
html[data-theme="light"] .theme-choice:focus-visible { outline-color:#795400; }
.theme-choice[hidden] { display:none; }