:root {
  /* Brand */
  --bg: #080d19;
  --bg-deep: #05070d;
  --bg-raise: #0d1424;
  --blue: #477bff;
  --blue-soft: #8fb0ff;
  --violet: #7c5cff;
  --copper: #ff9a63;

  --text: #f5f7ff;
  --muted: #9ba6bf;
  --faint: #6b7690;

  --line: rgba(255, 255, 255, 0.09);
  --line-strong: rgba(255, 255, 255, 0.18);

  /* Type */
  --serif: 'Instrument Serif', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
  --sans: 'Geist Variable', 'Geist', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Layout */
  --gutter: clamp(1.25rem, 4.2vw, 4rem);
  --maxw: 1360px;
  --header-h: 5.25rem;
  --section-y: clamp(6rem, 12vw, 11.5rem);

  /* Motion */
  --ease: cubic-bezier(0.2, 0.7, 0.1, 1);
  --ease-io: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

@media (max-width: 760px) {
  :root { --header-h: 4.25rem; }
}