/**
 * tokens.css — Variables CSS del Design System institucional.
 *
 * Capa 2 de la arquitectura CSS de cuatro capas (Arquitectura v1.0,
 * Sección de Sistema CSS). Este archivo NO contiene ninguna regla de
 * estilo aplicada a selectores: únicamente declara custom properties en
 * :root. La capa que efectivamente aplica estos valores a componentes de
 * Bootstrap es overrides-bootstrap.css; la que aplica a componentes
 * propios del tema es theme.css.
 *
 * Todos los valores de color provienen de la paleta oficial verificada del
 * Framework Digital del Gobierno de Chile (framework.digital.gob.cl). No
 * se incorpora ningún color institucional propio fuera de esta paleta,
 * conforme a la decisión de alcance de la Fase 4.
 *
 * @package MinvuBiobio
 */

:root {

	/* ====================================================================
	   COLOR — Paleta oficial Framework Digital del Gobierno de Chile
	   ==================================================================== */

	--color-primario: #006fb3;       /* Header, enlaces, botones primarios, footer */
	--color-secundario: #fe6565;     /* EXCLUSIVO de alertas de acción primaria */
	--color-terciario: #0a132d;      /* Texto de alto contraste, fondo de footer */
	--color-acento: #a8b7c7;         /* Bordes, separadores, alertas de salida */
	--color-neutral: #eeeeee;        /* Fondo de sección alterna */
	--color-gris-oscuro: #4a4a4a;    /* Texto de párrafo */
	--color-gris-medio: #8a8a8a;     /* Texto secundario, metadatos */
	--color-negro: #111111;          /* Texto de máximo contraste (nunca #000 puro) */
	--color-blanco: #ffffff;
	--color-error: #dc3545;          /* Rojo Bootstrap estándar, errores de validación */

	/* ====================================================================
	   TIPOGRAFÍA
	   ==================================================================== */

	--font-base: "Roboto", Arial, sans-serif;
	--font-slab: "Roboto Slab", Georgia, serif; /* Uso único: titular de noticia destacada */

	/* Pesos permitidos (regla de moderación tipográfica, máx. 3 pesos) */
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-bold: 700;

	/* ====================================================================
	   ESCALA TIPOGRÁFICA — base 16px, unidades rem
	   ==================================================================== */

	--text-xs: 0.75rem;    /* 12px — metadatos, fecha, badges pequeños */
	--text-sm: 0.875rem;   /* 14px — texto secundario, subtítulos de tarjeta */
	--text-base: 1rem;     /* 16px — cuerpo de texto (mínimo WCAG) */
	--text-lg: 1.25rem;    /* 20px — subtítulos de sección */
	--text-xl: 1.5rem;     /* 24px — H3, títulos de tarjeta destacada */
	--text-2xl: 2rem;      /* 32px — H2 */
	--text-3xl: 2.5rem;    /* 40px — H1, titular de noticia destacada */

	/* ====================================================================
	   ESPACIADOS — escala base 8px
	   ==================================================================== */

	--space-1: 0.5rem;  /* 8px  — ícono y texto */
	--space-2: 1rem;    /* 16px — padding interno de tarjetas pequeñas */
	--space-3: 1.5rem;  /* 24px — padding interno de tarjetas estándar, gap entre columnas */
	--space-4: 2rem;    /* 32px — separación entre bloques dentro de una sección */
	--space-6: 3rem;    /* 48px — separación entre niveles de Home */
	--space-8: 4rem;    /* 64px — separación entre secciones mayores de página */

	/* ====================================================================
	   ESTRUCTURA — valores fijos de componentes (Fase 4 / Sección 4 Comp.)
	   ==================================================================== */

	--header-height-desktop: 72px;
	--header-height-mobile: 56px;
	--header-border-width: 1px; /* Bootstrap: nunca sombra, solo borde inferior */
}