:root {
  /* Canvas + surfaces — from fisherdigitaldesign.com */
  --canvas: #08090b;
  --surface-1: #101114;
  --surface-2: #191b1f;
  --surface-3: #2b2d32;

  /* Accent — your single chromatic note */
  --accent: #01a9fa;
  --accent-dim: #0a6a99;

  /* Text tiers */
  --text-bright: #f8faff;
  --text-body: #c8d1de;
  --text-muted: #8b8d91;

  /* Type */
  --font-display: 'Unbounded', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;

  /* Original Fisher scale — my own numbers, not the reference's */
  --display: clamp(56px, 11vw, 168px);
  --tracking-display: -0.03em;
  --h2: clamp(32px, 5vw, 68px);
  --body: 17px;

  --max: 1180px;
  --pad: clamp(20px, 4vw, 64px);
}

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

html { scroll-behavior: smooth; }

body {
  background: var(--canvas);
  color: var(--text-body);
  font-family: var(--font-body);
  font-size: var(--body);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

h1, h2, h3 {
  font-family: var(--font-display);
  color: var(--text-bright);
  font-weight: 300;
  line-height: 0.95;
  letter-spacing: var(--tracking-display);
}