:root {
  --ink: #14100c;
  --char: #1f1813;
  --leather: #2a1d14;
  --oxblood: #5a1f1a;
  --brass: #b8853a;
  --brass-bright: #d4a85a;
  --brass-pale: #e8c87a;
  --paper: #ede0c8;
  --paper-warm: #d9c69e;
  --smoke: #6b5d4f;
  --ember: #c8612b;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  background: var(--ink);
  color: var(--paper);
  font-family: 'Cormorant Garamond', serif;
  font-size: 18px;
  line-height: 1.6;
  overflow-x: hidden;
  position: relative;
}

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

/* Brass mono labels */
.mono {
  font-family: 'DM Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--brass);
  font-weight: 400;
}