/* Sistema de diseño "Tropical premium": paleta, tipografía, espaciado, radios y sombras.
   Todos los pares de texto/fondo usados cumplen WCAG AA (4.5:1 en texto normal). */
:root {
	/* Paleta */
	--navy: #0b0352;          /* base: encabezados, pie, superposiciones */
	--navy-700: #1a1090;
	--cyan: #00bcd4;          /* acento de marca (decorativo, bordes, iconos) */
	--cyan-700: #007a8b;      /* acento para texto y enlaces sobre fondo claro (5.3:1) */
	--cyan-100: #e0f7fa;
	--coral: #d63a1e;         /* llamada a la acción (blanco sobre coral 4.9:1) */
	--coral-700: #b02a12;
	--sun: #ffc857;           /* resaltes: precios, etiquetas (texto navy encima 10:1) */
	--ink: #1f2a44;           /* texto principal */
	--muted: #566175;         /* texto secundario (6:1 sobre blanco) */
	--line: #dde6ee;
	--bg: #f4f8fb;
	--white: #ffffff;
	--success: #1e7e34;
	--danger: #b02a12;

	/* Tipografía */
	--font-body: "Roboto", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
	--font-script: "Pacifico", cursive;
	--fs-100: 0.8125rem;      /* 13 px */
	--fs-200: 0.9375rem;      /* 15 px */
	--fs-300: 1.0625rem;      /* 17 px */
	--fs-400: 1.25rem;
	--fs-500: clamp(1.5rem, 1.2rem + 1vw, 1.875rem);
	--fs-600: clamp(1.875rem, 1.4rem + 2vw, 2.75rem);
	--fs-700: clamp(2.25rem, 1.5rem + 3.4vw, 4rem);
	--lh-body: 1.6;

	/* Espaciado */
	--sp-1: 0.5rem;
	--sp-2: 1rem;
	--sp-3: 1.5rem;
	--sp-4: 2.5rem;
	--sp-5: 4rem;
	--sp-6: 6rem;
	--gutter: 1.25rem;
	--container: 1200px;

	/* Forma */
	--radius: 14px;
	--radius-sm: 8px;
	--radius-pill: 999px;
	--shadow-sm: 0 2px 8px rgba(11, 3, 82, 0.08);
	--shadow: 0 10px 30px rgba(11, 3, 82, 0.12);
	--shadow-lg: 0 20px 50px rgba(11, 3, 82, 0.25);

	/* Movimiento */
	--ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--header-h: 76px;
}