:root {
  --ink-deep:#050505;
  --ink-base:#0A0A0A;
  --ink-elev:#131313;
  --ink-elev-2:#1A1A1A;
  --gold-bright:#E8C97B;
  --gold:#C9A668;
  --gold-deep:#8E6F3F;
  --gold-glow:rgba(201,166,104,0.35);
  --gold-faint:rgba(201,166,104,0.06);
  --white:#F5F1E8;
  --text-mute:#888280;
  --text-faint:#5A5550;
  --border:rgba(201,166,104,0.12);
  --border-strong:rgba(201,166,104,0.28);
  --safe-top:env(safe-area-inset-top, 0px);
  --safe-bottom:env(safe-area-inset-bottom, 0px);
  --header-h:64px;
  --ease-cinematic:cubic-bezier(.22, 1, .36, 1);
  --ease-out-strong:cubic-bezier(.16, 1, .3, 1);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
*::selection { background: var(--gold); color: var(--ink-deep); }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  background: var(--ink-deep);
  color: var(--white);
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0.01em;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

/* Subtle film grain — fixed overlay */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;
  opacity: 0.035;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/></svg>");
}

/* Ambient gold spot — top right */
body::after {
  content: "";
  position: fixed;
  top: -20vh;
  right: -20vh;
  width: 80vh;
  height: 80vh;
  background: radial-gradient(circle, var(--gold-glow) 0%, transparent 60%);
  opacity: 0.18;
  pointer-events: none;
  z-index: 0;
  filter: blur(40px);
}

img { max-width: 100%; display: block; }
button { background: none; border: none; color: inherit; font-family: inherit; cursor: pointer; }
a { color: inherit; text-decoration: none; }

.font-display { font-family: 'Sora', system-ui, sans-serif; }
.font-mono { font-family: 'JetBrains Mono', monospace; }

.gold-text {
  background: linear-gradient(135deg, var(--gold-bright) 0%, var(--gold) 45%, var(--gold-deep) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  filter: drop-shadow(0 0 24px var(--gold-glow));
}