:root { --slate: #3c4f5c; --slate-soft: #e7ecef; --bill: #b06a34; --bill-soft: #f7ebdf; --reed: #5f8a8b; --reed-soft: #e3eeee; --link: #2e5f7a; --bg: #f5f6f5; --line: #dde2e3; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --slate: #a9bfcc; --slate-soft: #212c33; --bill: #e0a172; --bill-soft: #3a2a1e; --reed: #98c3c4; --reed-soft: #1f3132; --link: #9fcbe6; } }
:root[data-theme="dark"] { --slate: #a9bfcc; --slate-soft: #212c33; --bill: #e0a172; --bill-soft: #3a2a1e; --reed: #98c3c4; --reed-soft: #1f3132; --link: #9fcbe6; }