/**
* Dark mode. Applied when .
* Re-maps the brand palette to an AA-contrast dark scheme:
* - Backgrounds shift to deep coffee/near-black warm tones.
* - Amber and teal are lightened for AA text contrast on dark surfaces.
* The brand hues are preserved in spirit; only lightness is adjusted so text
* meets WCAG AA against the dark background.
*/
[data-theme="dark"]{
--tdw-cream:#1c1206; /* page background */
--tdw-cream-2:#2a1c0c; /* raised surfaces */
--tdw-white:#241708; /* card background */
--tdw-coffee:#f3e7cf; /* primary text (AA on dark bg) */
--tdw-brown:#e0b483; /* secondary text/headings */
--tdw-muted:#c3a97f; /* muted text (AA) */
--tdw-border:#40301a;
--tdw-amber:#f4a935; /* lightened accent */
--tdw-teal:#2bbf8f; /* button bg */
--tdw-teal-ink:#54d3a8; /* link text — AA on dark bg */
--tdw-bg:var(--tdw-cream);
--tdw-fg:var(--tdw-coffee);
--tdw-link:var(--tdw-teal-ink);
--tdw-surface:var(--tdw-white);
--tdw-shadow:0 2px 8px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.3);
}
[data-theme="dark"] .tdw-hero{background:linear-gradient(160deg,#2a1c0c,#1c1206)}
[data-theme="dark"] .tdw-btn{color:#1c1206}
[data-theme="dark"] .tdw-btn:hover{color:#1c1206}
[data-theme="dark"] .tdw-btn--amber{color:#1c1206}
[data-theme="dark"] .tdw-spec__title{background:#120b03}
[data-theme="dark"] .tdw-footer{background:#120b03}
[data-theme="dark"] .tdw-newsletter{background:#120b03}
[data-theme="dark"] img{filter:brightness(.94)}
[data-theme="dark"] tbody tr:nth-child(even){background:rgba(64,48,26,.35)}
/* Toggle icon visibility */
[data-theme="dark"] .tdw-icon--sun{display:none}
:root:not([data-theme="dark"]) .tdw-icon--moon{display:none}