/* ============================================================
   ÑAM GOURMET — COMPONENTES GLOBALES (sitio público)
   Definiciones de tipografía compartidas por home (styles.css),
   carta (carta.css) y sorteos (sorteos.css).

   Cargar SIEMPRE después de tokens.css y antes del CSS de página.
   NO define colores ni layout — eso queda en el CSS de cada página.
============================================================ */

/* ── Eyebrows: tipografía canónica ────────────────────────────
   Misma familia, cuerpo, peso y tracking para las etiquetas en
   mayúsculas que encabezan secciones en todo el sitio.
   El color y el layout (display, padding, gap, etc.) se mantienen
   en styles.css / carta.css / sorteos.css respectivamente.
   La clase utilitaria .eyebrow queda disponible para nuevos usos. */
.eyebrow,
.hero-eyebrow span,
.section-label span,
.carta-header-eyebrow,
.cat-section-label,
.srt-eyebrow {
  font-family: var(--font-body);
  font-size: var(--text-xs); /* 10.5px */
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

/* Variantes de color (para nuevos usos con la clase .eyebrow) */
.eyebrow--dim     { color: var(--white-dim); }
.eyebrow--accent  { color: var(--accent); }
.eyebrow--celeste { color: var(--celeste-bright); }