/* Dark mode overrides (activated via ) */
html[data-theme="dark"]{
--bg:#0b1220;
--card:#0f1a2b;
--text:#e6e9f0;
--muted:#a8b3c7;
--border:#263247;
--shadow:0 2px 18px rgba(0,0,0,.35);
}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
html[data-theme="dark"] .card{
background:var(--card);
border-color:rgba(38,50,71,.9);
}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .input{
background:rgba(255,255,255,.03);
color:var(--text);
border-color:var(--border);
}
html[data-theme="dark"] .table th{color:var(--muted)}
html[data-theme="dark"] .table td{border-bottom-color:rgba(38,50,71,.85)}
html[data-theme="dark"] a{color:rgba(120,220,150,.95)}
html[data-theme="dark"] a:hover{color:rgba(140,240,170,1)}
html[data-theme="dark"] .btn.secondary{
background:rgba(255,255,255,.04);
color:var(--text);
border-color:var(--border);
}
html[data-theme="dark"] .badge{
background:rgba(120,220,150,.10);
color:rgba(120,220,150,.95);
border-color:rgba(120,220,150,.22);
}
html[data-theme="dark"] .multi-field,
html[data-theme="dark"] .set-card{background:var(--card)}
html[data-theme="dark"] .multi-item{
background:rgba(255,255,255,.03);
border-color:rgba(38,50,71,.9);
}
html[data-theme="dark"] .flash{
border-color:rgba(38,50,71,.9);
}
/* Burger/nav in dark: keep existing brand color but improve contrast */
html[data-theme="dark"] .nav a{opacity:1}
html[data-theme="dark"] .accordion{
background:rgba(255,255,255,.02);
border-color:rgba(38,50,71,.9);
}
html[data-theme="dark"] .accordion[open] summary{
border-bottom-color:rgba(38,50,71,.9);
}