/* ==========================================================================
   Viviana Campos — design tokens
   Valores muestreados del manual de marca. Si algo cambia, cambia AQUÍ.
   ========================================================================== */

:root {
	/* --- Paleta oficial ------------------------------------------------- */
	--vc-tinta:    #111111; /* negro de marca, fondos oscuros y texto */
	--vc-hueso:    #f2efe9; /* fondo claro por defecto */
	--vc-lavanda:  #c9b6ff; /* acento secundario, bandas y destacados */
	--vc-naranja:  #fc5409; /* acento primario: CTA, palabra clave, el punto */
	--vc-gris:     #5a5a5a; /* texto secundario */

	/* Ojo con el naranja: los archivos de marca no coinciden entre sí.
	   El manual dice #ff5a1f, el logo completo #fc5409 y el isotipo #fd6804.
	   Se toma el del logo completo, que es el que se ve en la web, para que
	   los botones nunca desentonen con el logo. Si se unifica en Illustrator,
	   cambiar aquí y en los SVG de assets/img/logo/. */

	/* Derivados (no están en el manual, salen de la paleta) */
	--vc-blanco:      #ffffff;
	--vc-tinta-suave: #1c1c1c; /* tarjetas sobre fondo negro */
	--vc-linea:       rgba(17, 17, 17, .12);
	--vc-linea-osc:   rgba(255, 255, 255, .14);
	--vc-lavanda-10:  rgba(201, 182, 255, .18);

	/* --- Roles ----------------------------------------------------------- */
	--vc-bg:         var(--vc-hueso);
	--vc-fg:         var(--vc-tinta);
	--vc-fg-suave:   var(--vc-gris);
	--vc-acento:     var(--vc-naranja);

	/* --- Tipografía ------------------------------------------------------
	   Origin y Neue Haas Grotesk son de pago. Van declaradas primero: en cuanto
	   se autoalojen los archivos, el sitio las toma solo, sin tocar el CSS.
	   Mientras tanto caen en las sustitutas de Google Fonts.               */
	/* OJO: el archivo Origin-Bold.ttf instalado en el equipo NO es la
	   tipografía del manual: es una art déco fina, no la grotesca pesada
	   de los mockups. Por eso se saca de la lista. Cuando aparezca el
	   archivo correcto, se vuelve a poner "Origin" al principio. */
	--vc-display: "Archivo", "Poppins", system-ui, sans-serif;
	--vc-texto:   "Neue Haas Grotesk Display", "Inter", -apple-system, "Segoe UI", sans-serif;

	/* Escala fluida: de móvil a 1440px sin media queries */
	--vc-t-xs:   0.8125rem;
	--vc-t-sm:   0.9375rem;
	--vc-t-base: 1rem;
	--vc-t-lg:   clamp(1.125rem, 1rem + 0.5vw,  1.375rem);
	--vc-t-xl:   clamp(1.5rem,  1.25rem + 1vw,  2rem);
	--vc-t-2xl:  clamp(2rem,    1.5rem + 2.2vw, 3rem);
	--vc-t-3xl:  clamp(2.5rem,  1.6rem + 3.6vw, 4.25rem);

	--vc-peso-display: 800;
	--vc-track-display: -0.02em; /* los titulares del manual van muy cerrados */

	/* --- Espacio y forma -------------------------------------------------- */
	--vc-wrap: 1200px;
	--vc-gut:  clamp(1.25rem, 4vw, 3rem);
	--vc-s1: .5rem;  --vc-s2: 1rem;   --vc-s3: 1.5rem;
	--vc-s4: 2rem;   --vc-s5: 3rem;   --vc-s6: 4rem;
	--vc-s7: clamp(4rem, 8vw, 7rem); /* separación entre secciones */

	--vc-radio-xl: 26px;   /* tarjetas grandes y paneles de portada */
	--vc-radio:    14px;
	--vc-radio-sm: 8px;
	--vc-radio-pill: 999px;

	--vc-sombra: 0 1px 2px rgba(17,17,17,.04), 0 8px 24px rgba(17,17,17,.06);

	--vc-trans: 180ms cubic-bezier(.2, .6, .2, 1);
}

/* Secciones en negativo: se invierten los roles, no los componentes. */
.vc-oscuro {
	--vc-bg:       var(--vc-tinta);
	--vc-fg:       var(--vc-hueso);
	--vc-fg-suave: rgba(242, 239, 233, .68);
	--vc-linea:    var(--vc-linea-osc);
}

/* Secciones lavanda. */
.vc-lavanda {
	--vc-bg:       var(--vc-lavanda);
	--vc-fg:       var(--vc-tinta);
	--vc-fg-suave: rgba(17, 17, 17, .70);
}

@media (prefers-reduced-motion: reduce) {
	:root { --vc-trans: 1ms; }
	*, *::before, *::after { animation-duration: 1ms !important; transition-duration: 1ms !important; }
}