/* Hallmark · macrostructure: Marquee Hero · H1 knobs: size=xxl, alignment=left-bias, underlay=rule-below
 * theme: custom · vibe: "caribe de marca, sol sobre turquesa, honesto" · paper: oklch(97% 0.010 200) · accent: oklch(85% 0.17 88)
 * display: Fraunces · body: Inter Tight · axes: light / high-contrast-serif / chromatic-other (amber ~88°)
 * nav: N5 floating pill · footer: Ft5 statement · enrichment: none (fotografía de campaña existente)
 * studied: no · context: inferred (audiencia=viajeros LATAM 28-55 · uso=escribir por WhatsApp · tono=editorial cálido)
 * pre-emit critique: P4 H5 E4 S5 R4 V5 · contrast: pass (40-41) · slop: pass (42-45)
 * honest: pass (46) · chrome: pass (47) · tokens: pass (48) · responsive: pass (49) · icons: pass (30)
 * mobile: pass (34, 49, 50-57)
 */
:root {
  /* Color — marca Tribu Viajera (turquesa #0E7C86 · sol #FFBE0B · tinta #10333A) */
  --color-paper: oklch(97% 0.010 200);
  --color-paper-2: oklch(94% 0.014 200);
  --color-deep: oklch(27% 0.045 215);      /* tinta de marca: fondo del pliegue héroe */
  --color-deep-2: oklch(32% 0.048 212);
  --color-ink: oklch(24% 0.035 215);
  --color-ink-2: oklch(40% 0.030 212);
  --color-ink-inverse: oklch(96% 0.012 200);
  --color-muted: oklch(46% 0.025 210);
  --color-muted-inverse: oklch(78% 0.030 205);
  --color-rule: oklch(87% 0.018 200);
  --color-rule-dark: oklch(38% 0.032 212);
  --color-brand: oklch(54% 0.085 205);     /* turquesa */
  --color-brand-deep: oklch(46% 0.080 207);
  --color-accent: oklch(85% 0.17 88);      /* sol */
  --color-accent-dim: oklch(72% 0.14 84);
  --color-focus: oklch(52% 0.13 78);       /* anillo de foco sobre papel claro (≥3:1) */
  --color-partner: oklch(29% 0.085 272);   /* azul marino de Viajes Travelero */
  --color-partner-2: oklch(34% 0.09 272);
  --color-partner-rotulo: oklch(78% 0.045 272);
  --color-partner-detalle: oklch(84% 0.035 272);
  --color-nav-veil: oklch(27% 0.045 215 / 0.72);
  --color-nav-borde: oklch(96% 0.012 200 / 0.14);
  --color-ticket-papel: oklch(99% 0.01 95);     /* crema del pase de abordar */
  --color-ticket-borde: oklch(88% 0.035 95);
  --color-ticket-tinta-suave: oklch(55% 0.09 80); /* rótulos sobre el talón sol */
  --color-velo-foto: oklch(20% 0.04 215 / 0.55);  /* velo sobre la foto del héroe */
  --color-velo-foto-denso: oklch(18% 0.04 215 / 0.88);

  /* Tipografía */
  --font-display: "Fraunces", "Georgia", serif;
  --font-body: "Inter Tight", "Helvetica Neue", Arial, sans-serif;
  --font-mano: "Caveat", "Segoe Script", cursive; /* solo rótulos de las polaroids */
  --text-display: clamp(2.75rem, 9.5vw, 8rem);
  --text-3xl: clamp(2rem, 4.5vw, 3.4rem);
  --text-2xl: clamp(1.5rem, 3vw, 2.2rem);
  --text-xl: 1.35rem;
  --text-lg: 1.125rem;
  --text-md: 1rem;
  --text-sm: 0.875rem;
  --text-xs: 0.78rem;

  /* Espaciado (escala 4pt) */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6.5rem;

  /* Movimiento */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long: 420ms;

  /* Misc */
  --rule-hairline: 1px solid var(--color-rule);
  --radius-pill: 999px;
  --radius-sm: 6px;
}

/* Aire vertical comprimido en móvil (auditoría 2026-09-01) */
@media (max-width: 40rem) {
  :root { --space-3xl: 4rem; --space-2xl: 3rem; }
}

/* La tipografía dejaba de escalar en ~1.350px: en monitor grande y TV los titulares
   quedaban diminutos. Los tramos son continuos (a 1.440px dan el mismo valor de antes). */
@media (min-width: 90rem) {
  :root {
    --text-display: clamp(8rem, 5vw + 2rem, 11rem);
    --text-3xl: clamp(3.4rem, 1.6vw + 1.5rem, 4.6rem);
    --text-2xl: clamp(2.2rem, 1vw + 1rem, 2.9rem);
  }
}