:root {
  /* Brand palette — locked */
  --prussian: #122B4F;
  --prussian-deep: #0a1a33;
  --admiralty: #1C3A5F;
  --antique-gold: #B8963A;
  --burnished-gold: #D4AE5C;
  --parchment: #FAF7F2;
  --parchment-deep: #f0ebe1;
  --ink: #0f1a2e;
  --hairline: rgba(184, 150, 58, 0.18);
  --hairline-strong: rgba(184, 150, 58, 0.45);
  --paper-line: rgba(18, 43, 79, 0.10);

  /* Type stacks — 3 fonts only */
  --display: "Cormorant Garamond", "Georgia", serif;
  --button: "Lora", "Georgia", serif;
  --body: "Inter Tight", "Calibri", system-ui, sans-serif;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
  overflow-y: scroll;
}
body {
  font-family: var(--body);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0.01em;
  color: var(--ink);
  background: var(--parchment);
  overflow-x: clip;
  cursor: default;
}

/* ====== Film grain overlay (entire page) ====== */
body::before {
  content: '';
  position: fixed; inset: 0;
  pointer-events: none;
  z-index: 1000;
  opacity: 0.045;
  mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}