:root{
  --font-display:"Cormorant Garamond",Georgia,serif;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --gold:#c9a45c; --gold-2:#e8cf96; --plum:#6b1f3a;
  --ease:cubic-bezier(.22,1,.36,1);
  --nav-h:76px;
  color-scheme:dark;
}
:root[data-theme="dark"]{
  --bg:#0d0b0e; --bg-2:#141116; --surface:rgba(255,255,255,.04); --surface-2:rgba(255,255,255,.07);
  --text:#f3eee6; --muted:#a79fa0; --line:rgba(232,207,150,.16); --accent:var(--gold); --accent-ink:#1a1408;
  --shadow:0 30px 80px -30px rgba(0,0,0,.8); --grain-op:.07; --vig:.55;
}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#faf6ef; --bg-2:#f1eadd; --surface:rgba(255,255,255,.7); --surface-2:rgba(255,255,255,.95);
  --text:#231c1f; --muted:#6c6266; --line:rgba(107,31,58,.16); --accent:#9a7430; --accent-ink:#fff;
  --shadow:0 30px 70px -35px rgba(60,30,40,.35); --grain-op:.05; --vig:.18;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:auto;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 1rem/1.75 var(--font-body);
  transition:background .6s var(--ease),color .6s var(--ease);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
picture{display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;line-height:1.1;margin:0}
p{margin:0 0 1.1em}
ul,ol{margin:0;padding:0;list-style:none}
::selection{background:var(--gold);color:#1a1408}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:4px}
.skip{position:fixed;left:16px;top:-60px;z-index:200;background:var(--gold);color:#1a1408;padding:10px 16px;border-radius:8px;transition:top .3s}
.skip:focus{top:16px}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--gold);border-radius:10px;border:2px solid var(--bg)}