body {
  background: var(--bg-deep);
  color: var(--gray-100);
  font-family: var(--font-body);
  font-size: var(--size-body);
  line-height: var(--leading-normal);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--white);
  font-family: var(--font-heading);
  line-height: var(--leading-tight);
}

.section-label {
  color: var(--cyan);
  font-family: var(--font-mono);
  font-size: var(--size-label);
  letter-spacing: var(--tracking-widest);
  margin-bottom: var(--space-sm);
  text-transform: uppercase;
}

.section-title {
  font-size: var(--size-h2);
  font-weight: var(--weight-black);
  line-height: var(--leading-tight);
  margin-bottom: var(--space-sm);
}

.section-subtitle {
  color: var(--gray-300);
  margin-bottom: var(--space-lg);
  max-width: 64ch;
}

.gradient-text {
  background: var(--grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}