/* Yatra Adventures — sistema de diseño de la marca.
   Fuente única de verdad: theme.json referencia estas variables (var(--yt-…))
   para que los presets de WordPress (--wp--preset--color--…, etc.) y las clases
   has-*-color salgan de aquí. Este archivo se carga el primero, en el front y en
   el editor. Ningún componente debe escribir un hex: siempre un token. */

:root {
	/* Colores (salen del logo). */
	--yt-verde:              #134839; /* verde bosque: bloques oscuros, header al hacer scroll */
	--yt-verde-noche:        #0E3329; /* footer y franjas más profundas */
	--yt-salvia:             #33745C; /* verde claro: enlaces, hovers, iconos, etiquetas */
	--yt-mostaza:            #E49E27; /* sol del logo: CTA principal, acentos, etiquetas destacadas */
	--yt-mostaza-hover:      #C9861A;
	--yt-crema:              #F5EFE3; /* fondo general */
	--yt-arena:              #EAE1CF; /* secciones alternas y tarjetas */
	--yt-tinta:              #141414; /* texto principal */
	--yt-piedra:             #6B675E; /* texto secundario, metadatos */
	--yt-linea:              rgba(20, 20, 20, 0.12); /* bordes y separadores */
	--yt-texto-sobre-mostaza: #10231C; /* el único color de texto permitido sobre mostaza */
	--yt-alerta:             #B3261E; /* errores de formulario */
	--yt-blanco:             #FFFFFF; /* fondo de los campos de formulario */

	/* Tipografías (autoalojadas en assets/fonts, declaradas en theme.json). */
	--yt-font-display: "Fraunces", Georgia, serif;            /* H1, H2, cifras grandes: 600 y 700 */
	--yt-font-body:    "Instrument Sans", system-ui, sans-serif; /* texto, botones, menú: 400, 500, 600 */

	/* Escala fluida. */
	--yt-size-h1:    clamp(2.5rem, 5vw, 4.5rem);
	--yt-size-h2:    clamp(2rem, 3.5vw, 3rem);
	--yt-size-h3:    1.5rem;
	--yt-size-lead:  1.25rem;
	--yt-size-body:  1.0625rem;
	--yt-size-small: 0.875rem;
	--yt-size-label: 0.8125rem; /* etiquetas: 12–13 px */
	--yt-lh-h1:   1.05;
	--yt-lh-h2:   1.1;
	--yt-lh-h3:   1.2;
	--yt-lh-body: 1.65;

	/* Etiquetas pequeñas (QUIÉNES SOMOS, CALENDARIO, NEPAL…): recuerdan al «ADVENTURES» del logo. */
	--yt-label-weight:  600;
	--yt-label-tracking: 0.18em;

	/* Forma. */
	--yt-boton-padding: 14px 28px;
	--yt-boton-size:    0.9375rem; /* 15 px */
	--yt-foco:          3px solid var(--yt-mostaza);
	--yt-foco-offset:   3px;
	--yt-radio-boton:   999px;
	--yt-radio-tarjeta: 10px;
	--yt-radio-input:   8px;
	--yt-sombra:        0 6px 24px rgba(19, 72, 57, 0.10);
	--yt-sombra-tarjeta: 0 14px 36px rgba(19, 72, 57, 0.16);
	--yt-topo-opacidad-claro: 0.07; /* verde sobre crema */
	--yt-topo-opacidad-verde: 0.08; /* crema sobre verde */

	/* Espaciado: base 8 px. Las secciones usan --yt-espacio-seccion. */
	--yt-espacio-1: 0.5rem;
	--yt-espacio-2: 1rem;
	--yt-espacio-3: 1.5rem;
	--yt-espacio-4: 2.5rem;
	--yt-espacio-5: 4rem;
	--yt-espacio-seccion: clamp(64px, 9vw, 128px);
	--yt-espacio-7: 9rem;

	--yt-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}