*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--dark:#0f0e0d;--bg:#f5f2ec;--surface:#fff;--ink:#0f0e0d;--muted:#8a8480;--rule:#e2ddd6;--accent:#9c6b3c;--heading:"Syne", system-ui, sans-serif;--sans:"DM Sans", system-ui, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}