/* ---------------------------------------------------------------------------
   TOKENS — el vocabulario visual del Instituto Sabalma
   ---------------------------------------------------------------------------
   Estos valores salen de tu diseño de Biodescodificación y ahora son el
   sistema del sitio. Cuando armemos la próxima página, reutiliza estos mismos
   nombres: así todo queda coherente sin esfuerzo.

   Cambiás un valor acá y se actualiza en todas las páginas a medida.
   --------------------------------------------------------------------------- */

:root {
	/* --- Paleta de marca --- */
	--sbl-verde-musgo:  #2d5a4a;
	--sbl-acento:       #3d6b59;
	--sbl-verde-claro:  #c8d8c4;
	--sbl-verde-salvia: #9ba896;
	--sbl-dorado:       #d4af8e;
	--sbl-crema:        #f9f8f5;
	--sbl-crema-honda:  #f0eeea;

	/* --- Texto --- */
	--sbl-texto:        #3a3a3a;
	--sbl-texto-suave:  #6a7a72;
	--sbl-texto-tenue:  #8fa393;

	/* --- Tipografía --- */
	--sbl-fuente-titulo: 'Josefin Slab', Georgia, serif;
	--sbl-fuente-texto:  'Lora', Georgia, serif;

	--sbl-txt-h1:  clamp(2.2rem, 5vw, 3.5rem);
	--sbl-txt-h2:  clamp(1.8rem, 4vw, 2.8rem);
	--sbl-txt-h3:  1.4rem;
	--sbl-txt-lg:  1.15rem;
	--sbl-txt-base:1.05rem;
	--sbl-txt-sm:  0.95rem;

	--sbl-interlineado: 1.8;

	/* --- Espaciado --- */
	--sbl-e-1: 0.5rem;
	--sbl-e-2: 1rem;
	--sbl-e-3: 1.5rem;
	--sbl-e-4: 2rem;
	--sbl-e-5: 2.5rem;
	--sbl-e-6: 4rem;
	--sbl-e-7: 5rem;

	/* --- Estructura --- */
	--sbl-ancho:      1200px;
	--sbl-radio:      8px;
	--sbl-radio-suave:12px;
	--sbl-radio-pill: 50px;

	--sbl-sombra-1: 0 2px 10px rgba(0, 0, 0, .04);
	--sbl-sombra-2: 0 2px 12px rgba(0, 0, 0, .05);
	--sbl-sombra-3: 0 8px 24px rgba(0, 0, 0, .08);

	--sbl-degrade-marca: linear-gradient(135deg, var(--sbl-verde-musgo), var(--sbl-acento));
	--sbl-degrade-suave: linear-gradient(90deg, var(--sbl-dorado), var(--sbl-verde-claro));

	--sbl-transicion: 0.3s ease;

	/* Altura reservada para la cabecera de Astra al saltar a un ancla */
	--sbl-offset-ancla: 110px;

	/* Alto del logo en la barra de anclas */
	--sbl-alto-logo: 46px;
}