/* Dark mode: plain sections turn black; sections with their own colour (.nut teal, .cta coral, topbar) keep it. */
[data-theme=dark]{color-scheme:dark;--bg:#000;--alt:#000;--card:#0e0e0e;--text:#fff;--muted:#a3adac;--line:#222;--pt:#3fd0c6}
[data-theme=dark] .alt{border-block:1px solid var(--line)}
[data-theme=dark] .mq{background:#fff;color:#000}
[data-theme=dark] .btn.out{border-color:var(--pt)}
[data-theme=dark] .bc:hover{box-shadow:0 18px 36px rgba(0,0,0,.7)}
[data-theme=dark] footer{border-top:1px solid #222}
[data-theme=dark] .steps .opt{background:#141818;border-color:#242e2c;color:#e2e8e7}
[data-theme=dark] .steps .opt:hover{border-color:var(--pt);background:#192422}
[data-theme=dark] .steps .opt[aria-pressed=true]{background:color-mix(in srgb,var(--pt) 18%,#141818);border-color:var(--pt);color:#fff;box-shadow:0 4px 14px rgba(63,208,198,.2)}
[data-theme=dark] .steps .opt .opt-check{background:#1a201f;border-color:#33403d}
[data-theme=dark] .steps .opt[aria-pressed=true] .opt-check{background:var(--pt);border-color:var(--pt)}
[data-theme=dark] .steps .opt[aria-pressed=true] .opt-check::after{border-color:#000}
[data-theme=dark] .count-badge{background:color-mix(in srgb,var(--pt) 25%,transparent);color:#3fd0c6}