:root { --slate: #2f4a6e; --slate-soft: #e8edf4; --bill: #b07a2a; --bill-soft: #f8efdd; --reed: #4f7a7a; --reed-soft: #e4efef; --link: #2a5a9a; --bg: #f7f6f2; --line: #e1dfd8; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --slate: #9fb8d8; --slate-soft: #22303f; --bill: #e0b56a; --bill-soft: #3d3220; --reed: #8fc3c3; --reed-soft: #1f3333; --link: #9dc0ee; } }
:root[data-theme="dark"] { --slate: #9fb8d8; --slate-soft: #22303f; --bill: #e0b56a; --bill-soft: #3d3220; --reed: #8fc3c3; --reed-soft: #1f3333; --link: #9dc0ee; }