/* Colours, type, light/dark variables, global resets
   Lines 23-56 of the original index.html. */

:root{
  --bg:#F3EED7; --bg-soft:#EAE1C0; --panel:#F6F1E0;
  --ink:#321F12; --ink-soft:#42301c; --ink-dim:#6d5a3e; --muted:#a1926a; --line:#dccfa4;
  --accent:#A15D66; --accent-deep:#874a54; --accent2:#2a2c12; --accent-hi:#E4B7A3;
  --olive-pale:#DFD6A4; --blush:#E1B4A1; --dark:#321F12; --on-accent:#F6F1E0;
  --light:#F6F1E0; --barbg:rgba(243,238,215,.94);
  --shadow:0 24px 55px -18px rgba(50,31,18,.42);
  --row-gap:2.6rem; --gut:max(clamp(1rem,4vw,3.4rem),calc((100vw - 1560px) / 2));
  --font:-apple-system,"SF Pro Display","SF Pro Text",system-ui,"Helvetica Neue",Arial,sans-serif;
  /* legacy aliases */
  --gold:#A15D66; --gold-bright:#E4B7A3; --gold-deep:#874a54; --oxblood:#A15D66; --oxblood-bright:#874a54;
}
:root[data-theme="dark"]{
  --bg:#17130f; --bg-soft:#221b14; --panel:#100c0a;
  --ink:#f3ece0; --ink-soft:#e8ddcb; --ink-dim:#c3b7a0; --muted:#93856b; --line:#342b22;
  --accent:#bb717a; --accent-deep:#9c5560; --accent2:#bfc172; --accent-hi:#E9BEAB;
  --dark:#0d0a08; --barbg:rgba(20,16,12,.95);
  --shadow:0 24px 55px -18px rgba(0,0,0,.6);
  --gold:#bb717a; --gold-bright:#E9BEAB; --gold-deep:#9c5560; --oxblood:#bb717a; --oxblood-bright:#9c5560;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:18px;line-height:1.5;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;letter-spacing:-.005em}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;mix-blend-mode:multiply;opacity:.035;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;
  background:radial-gradient(120% 95% at 50% 0%,transparent 66%,rgba(50,31,18,.06) 100%)}
a{color:inherit;text-decoration:none}
img{display:block}
::selection{background:var(--accent);color:var(--on-accent)}
.serif{font-family:var(--font)}
.eyebrow{font-family:var(--font);text-transform:uppercase;letter-spacing:.28em;font-size:.66rem;color:var(--accent);font-weight:700}

.load-error{padding:3rem 1.4rem;color:var(--ink-dim);font-family:var(--font);text-align:center}