:root { --slate: #3f6b4a; --slate-soft: #e9f1ea; --bill: #9a7b3c; --bill-soft: #f5efe0; --reed: #5a8f62; --reed-soft: #e3efe4; --link: #2f6a56; --bg: #f4f5ef; --line: #dde3d6; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --slate: #9fcaa8; --slate-soft: #22312a; --bill: #d8b876; --bill-soft: #33301f; --reed: #8fc39c; --reed-soft: #1f3326; --link: #9ad3c0; } }
:root[data-theme="dark"] { --slate: #9fcaa8; --slate-soft: #22312a; --bill: #d8b876; --bill-soft: #33301f; --reed: #8fc39c; --reed-soft: #1f3326; --link: #9ad3c0; }