/* ── Variables ───────────────────────────────── */
:root {
  --bg:#F5EEE4; --bg-soft:#EDE4D6; --ink:#2C1A0E; --ink-2:#4A3020;
  --muted:#8B7355; --line:#D4C4AE; --line-soft:#E0D3BE;
  --ocean:#C4592A; --ocean-deep:#9E3D17; --ocean-soft:#E8A882;
  --font-sans:"Inter Tight","Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --tf:180ms cubic-bezier(.2,.7,.3,1); --tm:380ms cubic-bezier(.2,.7,.3,1);
}

/* ── Reset ───────────────────────────────────── */
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}
img{display:block;max-width:100%}
button{font:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
.mono{font-family:var(--font-mono);letter-spacing:0}
em{font-style:italic}

/* ── Routing ─────────────────────────────────── */
.page{display:none}
.page.active{display:block}
.nav-active{color:var(--ocean)!important}