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

html { scroll-behavior: smooth; }

:root {
  --gx: 50vw;
  --gy: 30vh;
  --glow-o: 0;
}

body {
  font-family: var(--font-body);
  color: var(--text);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  line-height: 1.6;
  background:
    radial-gradient(circle 600px at var(--gx) var(--gy), rgba(255,190,70,calc(.16 * var(--glow-o))) 0%, rgba(255,90,60,calc(.09 * var(--glow-o))) 35%, transparent 70%) fixed,
    var(--dark);
}

h1, h2, h3, h4 {
  font-family: var(--font-display);
  letter-spacing: -.02em;
}

::selection {
  background: var(--accent);
  color: #09090B;
}