/* =============================================================
   AGROVALOR · Tipografía
   Inter (sans) + Fraunces italic (display) + JetBrains Mono
   ============================================================= */

/* Fuentes — Google Fonts via @import en main.css */

/* === Sistema de clases de tipografía === */

.t-eyebrow {
  font-family: var(--font-mono);
  font-size: var(--text-mono-sm);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--orange-500);
  display: inline-block;
}

.t-display-xl {
  font-family: var(--font-sans);
  font-size: var(--text-7xl);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tightest);
}
.t-display-xl em,
.t-display em,
.t-display-sm em,
.t-h1 em,
.t-h2 em,
.t-h3 em {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: var(--weight-medium);
  color: var(--orange-500);
  letter-spacing: var(--tracking-tighter);
}

.t-display {
  font-family: var(--font-sans);
  font-size: var(--text-6xl);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tightest);
}

.t-display-sm {
  font-family: var(--font-sans);
  font-size: var(--text-5xl);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tighter);
}

.t-h1 {
  font-family: var(--font-sans);
  font-size: var(--text-4xl);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tighter);
}

.t-h2 {
  font-family: var(--font-sans);
  font-size: var(--text-3xl);
  font-weight: var(--weight-bold);
  line-height: var(--leading-snug);
  letter-spacing: var(--tracking-tight);
}

.t-h3 {
  font-family: var(--font-sans);
  font-size: var(--text-2xl);
  font-weight: var(--weight-semi);
  line-height: var(--leading-snug);
  letter-spacing: var(--tracking-tight);
}

.t-h4 {
  font-family: var(--font-sans);
  font-size: var(--text-xl);
  font-weight: var(--weight-semi);
  line-height: var(--leading-snug);
  letter-spacing: var(--tracking-tight);
}

.t-lead {
  font-family: var(--font-sans);
  font-size: var(--text-lg);
  line-height: var(--leading-normal);
  color: var(--ink-700);
  font-weight: var(--weight-regular);
}

.t-body {
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  color: var(--ink-700);
}

.t-small {
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--leading-normal);
  color: var(--ink-500);
}

.t-mono {
  font-family: var(--font-mono);
  font-size: var(--text-mono);
  letter-spacing: var(--tracking-wide);
}

.t-label {
  font-family: var(--font-mono);
  font-size: var(--text-mono-sm);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--orange-500);
}

.t-num-display {
  font-family: var(--font-sans);
  font-weight: var(--weight-bold);
  font-size: var(--text-6xl);
  line-height: 1;
  letter-spacing: var(--tracking-tightest);
}
.t-num-display em {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: var(--weight-medium);
  color: var(--orange-500);
}

/* Inversiones para sección oscura */
.theme-dark .t-display-xl,
.theme-dark .t-display,
.theme-dark .t-display-sm,
.theme-dark .t-h1,
.theme-dark .t-h2,
.theme-dark .t-h3,
.theme-dark .t-h4 { color: var(--paper-100); }
.theme-dark .t-lead { color: rgba(248, 245, 238, 0.72); }
.theme-dark .t-body { color: rgba(248, 245, 238, 0.82); }
.theme-dark .t-small { color: rgba(248, 245, 238, 0.55); }

/* Utilidades */
.t-balance { text-wrap: balance; }
.t-pretty { text-wrap: pretty; }
.t-center { text-align: center; }
.t-right { text-align: right; }