/* A low-luminance neutral alternative. Cosmos remains the default. */
:root[data-design=dark]{
  --bg:#111214;--surface:#1c1e23;--ink:#e9eaf0;--muted:#b4b7c2;
  --line:#555d70;--card-edge:#383d49;--content-art:none;
  --blue:#b5bcff;--octo-soft:#23262e;--octo-brand-soft:#303544;
  --octo-violet:#c0b9ed;--octo-shadow:0 8px 24px #0003;
  --card-gradient:linear-gradient(#1c1e23,#1c1e23);
  --action-gradient:linear-gradient(#b9c3ff,#b9c3ff);--control-text:#171b30;
  --icon-surface:#272b34;--icon-hover:#363c4b;--icon-edge:#555d70;
  --badge-surface:#454a54;--button-edge:#aab3e3;
  --quality-good:#166742;--quality-medium:#965100;--quality-poor:#a63042;
  --button-inset:transparent;--glow-blue:rgba(154,180,255,.15);--glow-violet:transparent;
  --neon-white:#c8d8ff;--focus-ring:#c8d8ff;--focus-gap:#111214;
  --control-focus:#363c4b;--control-focus-ink:#f1f2f6;
}
html[data-design=dark] body::before{background:#111214;background-image:none}
html[data-design=dark] .tv #sidebar:not([hidden]){background:#181a1f;border-right-color:#383d49}
html[data-design=dark] .tv #sidebar::before{background:none}
html[data-design=dark] .tv #sidebar::after{background:#383d49}
html[data-design=dark] :is(.settings-group,.account-panel,.watch-summary,.nav-bottom){background:#1c1e23;border:1px solid #383d49;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-design=dark] .nav-bottom{background:#23262e}
html[data-design=dark] :is(.secondary,.chip,.field,.search-form input,.select-trigger,.catalog-filters .secondary){background:#272b34;color:var(--ink);border-color:#555d70;box-shadow:none}
html[data-design=dark] :is(.secondary,.chip,.select-trigger,.catalog-filters .secondary):is(:focus,:focus-visible,:hover){background:#363c4b;color:#f1f2f6}
:root[data-theme=dark][data-design=dark] :is(.icon-button,.search-form>button),
:root[data-theme=dark][data-design=dark] :is(.icon-button,.search-form>button):not(:disabled):is(:focus,:focus-visible,:hover){color:var(--ink);box-shadow:none}
html[data-design=dark] .primary{box-shadow:none}
html[data-design=dark] .tv .nav-item[aria-current=page]{color:#171b30}
html[data-design=dark] .tv .nav-item:focus:not([aria-current=page]){background:#363c4b;color:var(--ink)}
html[data-design=dark] .chip.selected{background:#3a4054;color:#edf0ff;border-color:#919bc7}
html[data-design=dark] .choice-popup,html[data-design=dark] #dialog{background:#272b34;color:var(--ink);border-color:#697389;box-shadow:0 14px 48px #0008}
html[data-design=dark] .choice-title{color:var(--muted)}
html[data-design=dark] .choice-option{color:var(--ink)}
html[data-design=dark] .choice-option[aria-selected=true]{background:#343a4a;color:#e3e7ff}
html[data-design=dark] .choice-option:is(:focus,:focus-visible,:hover){background:#434b61;border-color:#c8d8ff;color:#f2f3f7}
html[data-design=dark] .section-heading::after{background:linear-gradient(90deg,#555d70,#383d4950)}
html[data-design=dark] .history-remove{background:#38262d;color:#ffd1dc;border-color:#a2687a}
html[data-design=dark] .card::before{background:#c8d8ff}
html[data-design=dark] .card:is(:focus,:focus-visible,.is-focused)::before{animation:none}
html[data-design=dark] .card::after{box-shadow:0 0 8px 2px #a8bcff33,inset 0 0 8px #a8bcff0a}
html[data-design=dark] :is(.primary,.secondary)::after{background:conic-gradient(from var(--neon-angle),#9bacec,#e1e7ff,#9bacec)}
html[data-design=dark] :is(.primary,.secondary):not(:disabled):is(:focus,:focus-visible,:hover){box-shadow:0 0 0 1px #c8d8ff,0 0 10px #a8bcff26}
html[data-design=dark] .score:not(.quality){color:#f3f4f8}
html[data-design=dark] .badge{color:#f3f4f8}
html[data-design=dark] :is(.badge,.score:not(.quality)){background:var(--badge-surface);border:1px solid rgba(235,240,255,.2)}
html[data-design=dark] .brand-name em{color:#bac4f3}