:root{ --accentText:#8C6E12; --ink:#1B1F2A; --accent:#CFA421; --warm:#F3ECDA; --muted:#A6A6A6; --line:rgba(27,31,42,0.12); --bg:#FBF7EC; --navbg:rgba(251,247,236,0.93); --dark:#1B1F2A; --btn:#1B1F2A; --btnText:#F4F6FA; }
html[data-theme="dark"]{ --accentText:#F1D187; --ink:#F4F6FA; --warm:#181C28; --muted:#9AA1AE; --line:rgba(244,246,250,0.14); --bg:#0F1219; --navbg:rgba(15,18,25,0.88); --dark:#181C28; --btn:#F4F6FA; --btnText:#12151F; }
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} }
body{margin:0;font-family:'Manrope',Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:var(--accentText);text-decoration:none}
a:hover{color:#A8851A}
*{box-sizing:border-box}
input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}