/* ═══════════════════════════════════════════════════════════
   ATOM: Text
   Body paragraph, small text, caption
   ═══════════════════════════════════════════════════════════ */

.text {
  font-family: var(--font-body);
  margin: 0;
}

.text--body {
  font-size: var(--text-lg);                /* 16px */
  font-weight: var(--weight-regular);
  line-height: var(--leading-relaxed);
  color: var(--color-text-2);
}

.text--small {
  font-size: var(--text-base);              /* 14px */
  font-weight: var(--weight-regular);
  line-height: var(--leading-relaxed);
  color: var(--color-text-2);
}

.text--caption {
  font-size: var(--text-xs);                /* 12px */
  font-weight: var(--weight-regular);
  line-height: var(--leading-normal);
  color: var(--color-text-3);
}

/* Lead paragraph — slightly larger, used after headings */
.text--lead {
  font-size: var(--text-xl);                /* 18px */
  font-weight: var(--weight-regular);
  line-height: var(--leading-relaxed);
  color: var(--color-text-2);
  max-width: var(--max-width-text);
}