:root { --slate: #1f5f73; --slate-soft: #e4f0f3; --bill: #c27a2c; --bill-soft: #fbefe0; --reed: #3f8a6a; --reed-soft: #e3f1ea; --link: #1d6a8a; --bg: #f3f7f7; --line: #d8e3e5; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --slate: #9fd0dc; --slate-soft: #1d3138; --bill: #e6b072; --bill-soft: #3a2e1f; --reed: #8fceb0; --reed-soft: #1d3329; --link: #93cde6; } }
:root[data-theme="dark"] { --slate: #9fd0dc; --slate-soft: #1d3138; --bill: #e6b072; --bill-soft: #3a2e1f; --reed: #8fceb0; --reed-soft: #1d3329; --link: #93cde6; }