/* ==========================================================================
   Cusco Inside · Tokens de diseño (manual de marca)
   Paleta inspirada en los Andes: café andino, dorado Cusco, marfil, arena,
   camel/vicuña y carbón. Cambia aquí colores y tipografías: todo el tema los hereda.
   ========================================================================== */
:root {
	/* Marca */
	--ci-cafe: #35261d;          /* Café andino · solidez, confianza, elegancia */
	--ci-dorado: #b88935;        /* Dorado Cusco · exclusividad, prestigio, valor */
	--ci-marfil: #f5f0e7;        /* Marfil · pureza, amplitud, sofisticación */
	--ci-arena: #dbc5a5;         /* Arena · calidez, naturaleza, equilibrio */
	--ci-camel: #a87847;         /* Camel / vicuña · tradición, cultura, conexión */
	--ci-negro: #1d1b19;         /* Carbón · contraste, modernidad, profesionalismo */

	/* Derivados */
	--ci-carbon: var(--ci-cafe);
	--ci-dorado-claro: #d4a955;
	--ci-dorado-oscuro: #8f6a26;
	--ci-blanco: #ffffff;
	--ci-texto: #2b211b;
	--ci-gris: #7a6a5e;
	--ci-gris-claro: #e6dccc;
	--ci-verde-wa: #25d366;
	--ci-error: #b23b2e;
	--ci-ok: #3f7d4a;

	/* Fondos oscuros: café andino → carbón */
	--ci-oscuro-gradiente: linear-gradient(160deg, #3a2a20 0%, #1d1b19 100%);

	/* Tipografía */
	--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;
	--font-body: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
	--font-script: "Dancing Script", "Brush Script MT", cursive;
	--fs-xs: 0.75rem;
	--fs-sm: 0.875rem;
	--fs-base: 1rem;
	--fs-md: 1.125rem;
	--fs-lg: 1.375rem;
	--fs-xl: clamp(1.75rem, 1.2rem + 2vw, 2.5rem);
	--fs-2xl: clamp(2.25rem, 1.5rem + 3.2vw, 3.75rem);
	--fs-hero: clamp(2.5rem, 1.6rem + 5vw, 5.25rem);
	--lh-tight: 1.1;
	--lh-body: 1.65;

	/* Layout */
	--container: 1200px;
	--container-narrow: 820px;
	--gutter: 20px;
	--section: clamp(56px, 8vw, 104px);
	--topbar-h: 40px;
	--nav-h: 84px;

	/* Formas */
	--radius-sm: 8px;
	--radius: 16px;
	--radius-lg: 24px;
	--radius-pill: 999px;

	/* Sombras */
	--shadow-sm: 0 1px 2px rgba(53, 38, 29, 0.06), 0 2px 6px rgba(53, 38, 29, 0.05);
	--shadow: 0 6px 18px rgba(53, 38, 29, 0.12);
	--shadow-lg: 0 20px 50px rgba(53, 38, 29, 0.2);
	--shadow-gold: 0 8px 24px rgba(184, 137, 53, 0.35);

	/* Movimiento */
	--ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--t: 0.25s var(--ease);
}