:root {  --bg:#FCFAF4; --alt:#F5F2E8; --card:#FFFFFF; --card-2:#FAF8F0; --ink:#0E0E12; --soft:rgba(14,14,18,.66); --muted:rgba(14,14,18,.46); --hair:rgba(14,14,18,.12); --line:#0E0E12; --linen:#F4EFE0;  --v:#EC5F2E; --v-deep:#C8451A; --v-tint:#FBE3D6; --cobalt:#2966D4; --marigold:#F5BD3A; --plum:#7A2EC9; --green:#3F8F5B;  --font-display:'Anton',sans-serif; --font-body:'Satoshi',sans-serif; --font-mono:'JetBrains Mono',monospace;  --radius:12px; --radius-sm:6px; --radius-pill:999px; --soft-sh:0 4px 16px rgba(34,22,8,.08),0 1px 3px rgba(34,22,8,.05); --soft-sh-lg:0 12px 30px rgba(34,22,8,.13),0 2px 6px rgba(34,22,8,.06); } [data-theme="dark"] { --bg:#161613; --alt:#1E1D19; --card:#26241F; --card-2:#201E1A; --ink:#F4EFE0; --soft:rgba(244,239,224,.66); --muted:rgba(244,239,224,.44); --hair:rgba(244,239,224,.14); --line:rgba(244,239,224,.5); --v:#F0703F; --v-deep:#F0703F; --v-tint:rgba(236,95,46,.2); --cobalt:#5B87E0; --marigold:#F5BD3A; --plum:#A05FE0; --green:#5FAE74; --soft-sh:0 6px 22px rgba(0,0,0,.42),0 1px 4px rgba(0,0,0,.3); --soft-sh-lg:0 14px 34px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.35); }  body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999; opacity:.05;mix-blend-mode:multiply;background:url("noise.svg")} [data-theme="dark"] body::before{mix-blend-mode:screen}