@font-face { font-family:"Noto Color Emoji"; src:url("../assets/fonts/NotoColorEmoji.ttf") format("truetype"); font-display:swap; }
:root { color-scheme: light dark; --paper:#f8f6ee; --ink:#20211f; --muted:#6e6c65; --line:rgba(32,33,31,.16); --surface:rgba(255,255,255,.62); --orange:#bf5c28; --orange-soft:#f6e1d5; --blue:#267aa0; --blue-soft:#dbeef5; --green:#2b7b62; --danger:#a43d32; --shadow:0 14px 35px rgba(42,35,26,.07); --radius:22px; --font:ui-rounded,"SF Pro Rounded","Avenir Next",system-ui,sans-serif; }
html[data-theme="dark"] { color-scheme:dark; --paper:#171817; --ink:#eee9dc; --muted:#b3ada1; --line:rgba(238,233,220,.18); --surface:rgba(255,255,255,.055); --orange:#ea8a54; --orange-soft:#482d22; --blue:#76bfdf; --blue-soft:#193947; --green:#73c3a9; --danger:#ef8479; --shadow:none; }
@media (prefers-color-scheme: dark) { html:not([data-theme]) { color-scheme:dark; --paper:#171817; --ink:#eee9dc; --muted:#b3ada1; --line:rgba(238,233,220,.18); --surface:rgba(255,255,255,.055); --orange:#ea8a54; --orange-soft:#482d22; --blue:#76bfdf; --blue-soft:#193947; --green:#73c3a9; --danger:#ef8479; --shadow:none; } }