/* Viguera Verde: negro premium. Tokens del sistema y fuentes alojadas en el tema. */

/* Lora y Raleway son variables: un fichero por estilo sirve todos los pesos. SIL OFL 1.1, descargadas de Google
   Fonts el 06/11/2026, subconjunto latin. */
@font-face {
	font-family: "Lora";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/lora-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Lora";
	font-style: italic;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/lora-italic-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Raleway";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/raleway-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	/* Negro premium: negro, oro y cuerpo crema */
	--vvt-hueso: #faf7ee;
	--vvt-bosque: #1c1b16;
	--vvt-andevalo: #000;
	--vvt-oro: #be9a4e;
	--vvt-oro-hover: #a07f35;
	--vvt-acento: #7e6227; /* oro de texto sobre claro */
	--vvt-noche: #0e0e0c;
	--vvt-lino: #efebe0;
	--vvt-blanco: #fff;
	--vvt-hueso-atenuado: #cfccc0;
	--vvt-musgo: #565447;
	--vvt-error: #8a1f11;
	--vvt-borde: rgba(28, 27, 22, 0.16);
	--vvt-borde-campo: #8f8c7d;
	--vvt-filete: 1px solid var(--vvt-borde);

	/* Tipos */
	--vvt-serifa: "Lora", Georgia, "Times New Roman", serif;
	--vvt-sans: "Raleway", "Segoe UI", system-ui, -apple-system, sans-serif;
	--vvt-mono: var(--vvt-sans);
	--vvt-t-display: clamp(2.5rem, 1.6rem + 3.8vw, 4.5rem);
	--vvt-t-pagina: clamp(2.25rem, 1.6rem + 2.6vw, 3.5rem);
	--vvt-t-titular: clamp(2rem, 1.5rem + 2vw, 3.25rem);
	--vvt-t-titulo: clamp(1.5rem, 1.3rem + 0.8vw, 2rem);
	--vvt-t-entradilla: clamp(1.125rem, 1.05rem + 0.35vw, 1.3125rem);
	--vvt-t-cuerpo: 1.0625rem;
	--vvt-t-pequeno: 0.9375rem;
	--vvt-t-dato: 0.8125rem;
	--vvt-t-precio: 1.75rem;

	/* Espacio y medida */
	--vvt-ancho: 1180px;
	--vvt-ancho-texto: 40rem;
	--vvt-medianil: clamp(18px, 3.6vw, 32px);
	--vvt-seccion: clamp(56px, 7.5vw, 96px);
	--vvt-hueco: clamp(16px, 2.2vw, 28px);
	--vvt-r-campo: 6px;
	--vvt-r-tarjeta: 12px;
	--vvt-r-bloque: 20px;

	/* Profundidad: plana; solo flota lo que flota */
	--vvt-sombra-flotante: 0 8px 28px rgba(0, 0, 0, 0.14);

	/* Movimiento: salida exponencial; cajón */
	--vvt-ease-salida: cubic-bezier(0.23, 1, 0.32, 1);
	--vvt-ease-cajon: cubic-bezier(0.32, 0.72, 0, 1);
	--vvt-d-pulsar: 140ms;
	--vvt-d-estado: 200ms;
	--vvt-d-panel: 380ms;

	/* Foco: negro sobre papel; en las masas oscuras, hueso */
	--vvt-foco: var(--vvt-andevalo);
	--vvt-alto-cabecera: 112px;
}