/* ============================================================================
   ATOM · Typography primitives
   .eyebrow and .display live in tokens/base.css (shared globally).
   This file adds the remaining text atoms identified in the reference.
   Snippet:
     <span class="eyebrow">Pré-venda · Edição 2026</span>
     <h1 class="display">Ela voltou<span class="accent">.</span></h1>
     <p class="lead">A camisa preta da Teo Esportes está de volta…</p>
     <p class="micro">Pagamento instantâneo e seguro via Pix…</p>
   ============================================================================ */

/* Lead paragraph — light, large, secondary tone */
.lead {
  margin: 22px 0 0;
  max-width: 480px;
  font-size: var(--text-lg);
  line-height: var(--leading-normal);
  color: var(--neutral-300);
  font-weight: var(--fw-light);
}

/* Micro / fine print */
.micro {
  font-size: var(--text-xs);
  color: var(--neutral-500);
  margin: 16px 0 0;
  line-height: var(--leading-normal);
}

/* Section-quote display (manifesto) */
.quote {
  font-family: var(--font-display);
  font-weight: var(--fw-black);
  font-style: italic;
  font-size: var(--text-3xl);
  line-height: 1.05;
  text-transform: uppercase;
  letter-spacing: var(--tracking-display);
  margin: 0 0 14px;
  max-width: 760px;
}
.quote em { color: var(--orange-500); font-style: italic; }