/*
 * BWM Design Tokens — paleta del Home (bookwithmaria.com)
 * traveltour-child/assets/css/lt-tokens.css
 *
 * Fuente unica de verdad del sistema visual de tours y vacation rentals.
 * Colores medidos en pixeles del Home (2026-09-26): crema, turquesa del logo,
 * magenta y carbon, tipografia Poppins. Solo define custom properties.
 *
 * Reglas de contraste (WCAG AA, verificadas):
 *   - Turquesa #10D2BE solo como fondo de botones con texto OSCURO (9.4:1)
 *     o como acento sobre fotos/fondos oscuros. Con texto blanco da 1.9:1.
 *   - Texto/links/iconos turquesa sobre claro: --lt-accent-ink (4.97:1 crema).
 *   - Magenta #E90A89 para textos grandes (precios, titulares); etiquetas
 *     pequeñas en --lt-magenta-ink (4.98:1 crema).
 */

:root {
	/* Superficies */
	--lt-bg: #F1EDE4;
	--lt-bg-alt: #F9F6F1;
	--lt-bg-card: #FFFFFF;
	--lt-border: #E2DCD0;
	--lt-border-strong: #CFC7B8;
	--lt-border-input: #958E82;
	--lt-fill: rgba(56, 56, 56, 0.035);
	--lt-fill-hover: rgba(56, 56, 56, 0.06);

	/* Texto */
	--lt-text: #383838;
	--lt-text-body: #555555;
	--lt-text-muted: #6B665E;
	--lt-text-placeholder: #857F75;
	--lt-text-faint: #B5AFA4;

	/* Marca: turquesa del logo */
	--lt-accent: #10D2BE;
	--lt-accent-hover: #0FC2B0;
	--lt-on-accent: #0E1A0B;
	--lt-accent-ink: #0A7268;
	--lt-accent-tint: rgba(16, 210, 190, 0.16);
	--lt-accent-tint-soft: rgba(16, 210, 190, 0.08);
	--lt-accent-shadow: rgba(16, 210, 190, 0.38);

	/* Marca: magenta */
	--lt-magenta: #E90A89;
	--lt-magenta-ink: #C4076F;

	/* Estados */
	--lt-danger: #B42318;
	--lt-danger-tint: rgba(180, 35, 24, 0.07);

	/* Oscuro (header/footer del sitio, overlays sobre fotos) */
	--lt-dark: #0E1A0B;
	--lt-ondark: #FFFFFF;
	--lt-ondark-muted: rgba(255, 255, 255, 0.82);
	--lt-ondark-border: rgba(255, 255, 255, 0.3);
	--lt-scrim: rgba(14, 26, 11, 0.72);
	--lt-scrim-bottom: linear-gradient(to top, rgba(14, 26, 11, 0.88) 0%, rgba(14, 26, 11, 0.4) 45%, rgba(14, 26, 11, 0) 75%);

	/* Tipografia: Poppins en todo, como el Home */
	--lt-font-display: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--lt-font-body: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	--lt-fw-regular: 400;
	--lt-fw-medium: 500;
	--lt-fw-semibold: 600;
	--lt-fw-bold: 700;

	--lt-fs-xs: 0.75rem;
	--lt-fs-sm: 0.875rem;
	--lt-fs-base: 1rem;
	--lt-fs-lg: 1.125rem;
	--lt-fs-xl: clamp(1.25rem, 1.05rem + 0.8vw, 1.5rem);
	--lt-fs-2xl: clamp(1.625rem, 1.25rem + 1.6vw, 2.25rem);
	--lt-fs-3xl: clamp(2rem, 1.4rem + 2.6vw, 3.25rem);
	--lt-fs-display: clamp(2.375rem, 1.5rem + 4vw, 4.25rem);

	--lt-lh-tight: 1.15;
	--lt-lh-snug: 1.3;
	--lt-lh-body: 1.7;

	--lt-tracking-display: -0.015em;
	--lt-tracking-caps: 0.12em;

	/* Espaciado — base 4px */
	--lt-space-1: 0.25rem;
	--lt-space-2: 0.5rem;
	--lt-space-3: 0.75rem;
	--lt-space-4: 1rem;
	--lt-space-5: 1.5rem;
	--lt-space-6: 2rem;
	--lt-space-8: 3rem;
	--lt-space-10: 4rem;
	--lt-space-12: 6rem;
	--lt-section-y: clamp(4rem, 2.5rem + 6vw, 7rem);

	/* Layout */
	--lt-container: 1200px;
	--lt-container-narrow: 760px;
	--lt-gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);

	/* Radios: tarjetas redondeadas y botones pildora, como el Home */
	--lt-radius-sm: 6px;
	--lt-radius-md: 12px;
	--lt-radius-lg: 18px;
	--lt-radius-pill: 999px;

	/* Sombras suaves para fondo claro */
	--lt-shadow-card: 0 1px 2px rgba(14, 26, 11, 0.04), 0 12px 32px -16px rgba(14, 26, 11, 0.18);
	--lt-shadow-lift: 0 2px 4px rgba(14, 26, 11, 0.05), 0 24px 48px -18px rgba(14, 26, 11, 0.28);
	--lt-ring: 0 0 0 2px var(--lt-bg-card), 0 0 0 4px var(--lt-accent-ink);

	/* Movimiento */
	--lt-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
	--lt-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
	--lt-dur-fast: 160ms;
	--lt-dur-base: 280ms;
	--lt-dur-slow: 600ms;
	--lt-dur-reveal: 900ms;

	/* Capas */
	--lt-z-sticky: 20;
	--lt-z-dropdown: 50;
	--lt-z-overlay: 900;
	--lt-z-modal: 1000;
}

/*
 * Reduced motion: anula transiciones que usen los tokens de duracion.
 * Las animaciones con @keyframes de cada template manejan su propio caso.
 */
@media (prefers-reduced-motion: reduce) {
	:root {
		--lt-dur-fast: 0ms;
		--lt-dur-base: 0ms;
		--lt-dur-slow: 0ms;
		--lt-dur-reveal: 0ms;
	}
}