:root { --slate: #3d5a3a; --slate-soft: #e8efe4; --bill: #8a5a2b; --bill-soft: #f4ebdf; --reed: #6b8f4e; --reed-soft: #e9f1e0; --link: #3f6a3a; --bg: #f5f4ee; --line: #dfe0d4; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --slate: #a8c9a2; --slate-soft: #223022; --bill: #d9a56b; --bill-soft: #3a2c1d; --reed: #a9c98f; --reed-soft: #26321d; --link: #a7d39f; } }
:root[data-theme="dark"] { --slate: #a8c9a2; --slate-soft: #223022; --bill: #d9a56b; --bill-soft: #3a2c1d; --reed: #a9c98f; --reed-soft: #26321d; --link: #a7d39f; }