:root {
  /* Near-black palette */
  --bg: #060608;
  --bg-mid: #0C0C10;
  --bg-light: #121218;
  --bg-surface: #1A1A22;

  /* Text */
  --text: #E8E6E1;
  --text-dim: #8A8880;
  --text-faint: #4A4844;

  /* Single accent — the lodestar */
  --gold: #D4A832;
  --gold-dim: #A8862A;
  --gold-glow: rgba(240, 200, 80, 0.15);

  /* Surface tones */
  --surface: rgba(255,255,255,0.04);
  --surface-border: rgba(255,255,255,0.08);

  --font-display: 'Syne', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-display);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

.content { position: relative; z-index: 1; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}