/* ---- Headings ---- */

h1 { font-size: var(--text-xl); letter-spacing: -0.03em; }
h2 { font-size: var(--text-l);  letter-spacing: -0.02em; }
h3 { font-size: var(--text-m);  letter-spacing: -0.01em; font-weight: 400; }

/* ---- Body ---- */

p {
  max-width: 65ch;
  color: var(--fg);
}

p + p {
  margin-top: var(--sp-4);
}

/* ---- Mono / label utilities ---- */

.mono {
  font-family: var(--mono);
  font-size: var(--text-xs);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
}

.label {
  font-family: var(--mono);
  font-size: var(--text-xs);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
  display: block;
  margin-bottom: var(--sp-2);
}

/* ---- Links ---- */

.link-underline {
  border-bottom: 1px solid var(--muted);
  transition: border-color var(--dur) var(--ease),
              color var(--dur) var(--ease);
}

.link-underline:hover {
  color: var(--accent);
  border-color: var(--accent);
}

/* ---- Lead paragraph ---- */

.lead {
  font-size: var(--text-m);
  line-height: 1.5;
  max-width: 50ch;
}