body {
  background: var(--bg-void);
  color: var(--text-primary);
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* Ambient background: faint grid + soft glow, quiet and technical */
body {
  background-image:
    var(--gradient-hero-glow),
    linear-gradient(var(--border-soft) 1px, transparent 1px),
    linear-gradient(90deg, var(--border-soft) 1px, transparent 1px);
  background-size: auto, 64px 64px, 64px 64px;
  background-position: center, center, center;
  background-attachment: fixed, fixed, fixed;
}

h1,
h2,
h3,
h4 {
  font-family: var(--font-display);
  line-height: var(--lh-tight);
  letter-spacing: -0.01em;
  font-weight: 600;
}

h1 {
  font-size: var(--fs-h1);
}

h2 {
  font-size: var(--fs-h2);
}

h3 {
  font-size: var(--fs-h3);
}

p {
  color: var(--text-secondary);
}

code,
.mono {
  font-family: var(--font-mono);
}

::selection {
  background: var(--accent-violet);
  color: #0a0a12;
}

/* Visible keyboard focus everywhere */
:focus-visible {
  outline: 2px solid var(--accent-cyan);
  outline-offset: 3px;
  border-radius: 4px;
}