/* ChitFlow themes. <html data-theme="..."> picks one; "auto" follows the phone's light/dark setting. */
html[data-theme]{--hdr1:#0a1f4d;--hdr2:#1647a8;--brand2:#3ddc84;--shadow:0 1px 2px rgba(15,27,51,.05),0 6px 20px rgba(15,27,51,.06);--radius:16px;color-scheme:light}
html[data-theme="chitflow"],html[data-theme="auto"]{--bg:#f2f5fb;--card:#fff;--ink:#0f1b33;--muted:#5f6b84;--line:#e2e8f2;--accent:#1647a8;--accent-soft:#e7eefc;--warn:#c0392b;--warn-soft:#fdecea;--gold:#b7790f;--hdr1:#081a42;--hdr2:#1647a8;--brand2:#3ddc84}
html[data-theme="emerald"]{--bg:#f3f6f1;--card:#fff;--ink:#14261d;--muted:#5d6d64;--line:#e0e8e2;--accent:#1d6b4f;--accent-soft:#e1f1e9;--warn:#b3412a;--warn-soft:#fbe9e4;--gold:#b7862b;--hdr1:#0c3d2c;--hdr2:#1f8a62;--brand2:#b6f7d2}
html[data-theme="ocean"]{--bg:#eff7f9;--card:#fff;--ink:#0b2730;--muted:#55707a;--line:#d9e9ee;--accent:#0e7490;--accent-soft:#dff3f8;--warn:#c2410c;--warn-soft:#fdeee6;--gold:#b7791f;--hdr1:#073344;--hdr2:#0891b2;--brand2:#a5f3fc}
html[data-theme="royal"]{--bg:#f5f3fc;--card:#fff;--ink:#1e1238;--muted:#695f80;--line:#e6e0f4;--accent:#6d28d9;--accent-soft:#efe8fd;--warn:#be123c;--warn-soft:#fde8ee;--gold:#b7791f;--hdr1:#2e1065;--hdr2:#7c3aed;--brand2:#f5d0fe}
html[data-theme="sunset"]{--bg:#fbf5f0;--card:#fff;--ink:#2b160c;--muted:#7a6457;--line:#efe2d7;--accent:#c2410c;--accent-soft:#fdede3;--warn:#b91c1c;--warn-soft:#fde8e8;--gold:#a16207;--hdr1:#7c2d12;--hdr2:#ea580c;--brand2:#fde68a}
html[data-theme="dark"]{--bg:#0b1020;--card:#141a2e;--ink:#e7ecf6;--muted:#93a0bb;--line:#263052;--accent:#5b9dff;--accent-soft:#17264a;--warn:#ff7b72;--warn-soft:#3b1d22;--gold:#e8b84f;--hdr1:#070b18;--hdr2:#1a2b5c;--brand2:#3ddc84;--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25);color-scheme:dark}
@media (prefers-color-scheme:dark){html[data-theme="auto"]{--bg:#0b1020;--card:#141a2e;--ink:#e7ecf6;--muted:#93a0bb;--line:#263052;--accent:#5b9dff;--accent-soft:#17264a;--warn:#ff7b72;--warn-soft:#3b1d22;--gold:#e8b84f;--hdr1:#070b18;--hdr2:#1a2b5c;--brand2:#3ddc84;--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25);color-scheme:dark}}
/* the yellow disclaimer box follows the theme, not just the phone setting */
html[data-theme] .disc{background:#fff8d6;color:#5a4500;border-color:#e0b100}html[data-theme] .disc b{color:#5a4500}
html[data-theme="dark"] .disc{background:#2a2410;color:#f0d78a;border-color:#7a6100}html[data-theme="dark"] .disc b{color:#f0d78a}
@media (prefers-color-scheme:dark){html[data-theme="auto"] .disc{background:#2a2410;color:#f0d78a;border-color:#7a6100}html[data-theme="auto"] .disc b{color:#f0d78a}}
/* printouts / PDFs always use light colours, whatever theme is on screen */
@media print{html[data-theme]{--bg:#fff;--card:#fff;--ink:#111;--muted:#555;--line:#ccc;--accent:#1647a8;--accent-soft:#e7eefc;--warn:#c0392b;--warn-soft:#fdecea;--gold:#b7790f;color-scheme:light}
html[data-theme] .disc{background:#fff8d6!important;color:#5a4500!important;border-color:#e0b100!important}html[data-theme] .disc b{color:#5a4500!important}}