:root { color-scheme:light; --ink:#17201d; --paper:#f5f2e9; --soft:#d8d5cb; --button-hover:#303b36; --panel:#101011; --panel-ink:#f5f5f7; --serif: Georgia, 'Times New Roman', serif; --sans: Arial, Helvetica, sans-serif; }
@media (prefers-color-scheme:dark) { :root:not([data-theme]) { color-scheme:dark; --ink:#f5f5f7; --paper:#1c1c1e; --soft:#3a3a3c; --button-hover:#d1d1d6; } }
:root[data-theme="light"] { color-scheme:light; }
:root[data-theme="dark"] { color-scheme:dark; --ink:#f5f5f7; --paper:#1c1c1e; --soft:#3a3a3c; --button-hover:#d1d1d6; }