html:root { --k-brand: #bd3719; --k-on-brand: #fffefa; --k-brand-tint: #f6e2db; --k-brand-line: rgba(189, 55, 25, .32); }
@media (prefers-color-scheme: dark) { html:root:not([data-theme="light"]) { --k-brand: #ea775c; --k-on-brand: #151a1d; --k-brand-tint: #392f2e; --k-brand-line: rgba(234, 119, 92, .32); } }
html:root[data-theme="dark"] { --k-brand: #ea775c; --k-on-brand: #151a1d; --k-brand-tint: #392f2e; --k-brand-line: rgba(234, 119, 92, .32); }