/*
 * Tokens de marca. Paleta oscura por defecto (:root, sin necesitar atributo —
 * así un visitante nuevo siempre ve oscuro incluso antes de que corra el JS
 * del toggle) + paleta clara bajo [data-theme="light"] (el diseño ya
 * construido y aprobado toda la sesión, preservado tal cual como alternativa).
 * Ver theme-toggle.js para el mecanismo de cambio y persistencia.
 *
 * Tres acentos con rol fijo (no cambian entre temas, son identidad de marca):
 * --br-rojo = acción/conversión (botón primario), --br-azul = estructural/
 * informativo, --br-verde = señal de positivo/disponibilidad (checklist,
 * gauges, mapa, alertas de éxito).
 */
:root {
	/* Color — paleta oscura (default) */
	--br-tinta: #04060a;
	--br-fondo: #05070a;
	--br-superficie: #0b121c;
	--br-gris: #0b0f16;
	--br-gris-2: #0e1826;
	--br-blanco: #ffffff;

	--br-texto: #eef2f6;
	--br-texto-2: #aab8c9;
	--br-texto-3: #c3cedb;
	--br-mute: #7f92a8;
	--br-mute-2: #8595a8;
	--br-linea: rgba(255, 255, 255, .1);

	--br-azul: #3d8ce0;
	--br-rojo: #d31820;
	--br-rojo-hover: #c8141e;
	--br-rojo-luminoso: #e2323c; /* extremo claro del degradado de .br-btn */
	--br-rojo-texto-hover: #ffe6c2; /* dorado cálido: sobre rojo, un tono oscuro
		no da suficiente contraste (verificado, <3:1) — este sí pasa AA (~4.9:1) */
	--br-verde: #7ab829;
	--br-verde-hover: #6aa321;
	--br-mapa-base: #1b3a56;

	--br-footer-texto: #8ea5bd;
	--br-topbar-texto: #93a9c0;
	--br-dark-body: #b3c7db;
	--br-header-bg: rgba(5, 7, 10, .72);

	/* Tipografía */
	--br-font-body: 'Montserrat', 'Barlow', system-ui, -apple-system, sans-serif;
	--br-font-title: 'Roboto Condensed', 'Barlow Condensed', system-ui, sans-serif;
	--br-font-mono: ui-monospace, 'SFMono-Regular', Consolas, monospace;

	/* Layout */
	--br-container: 1300px;
	--br-container-pad: 34px;
	--br-header-h: 74px;
	--br-radius: 0px; /* el diseño usa esquinas rectas en todo el sitio */

	/* Movimiento */
	--br-ease-rise: cubic-bezier(.22, .7, .3, 1);
	--br-dur-rise: .6s;
}

[data-theme="light"] {
	/* Color — paleta clara (toggle) */
	--br-tinta: #0a1b2e; /* el cambio a casi-negro es solo para tema oscuro; en
		claro el "chrome" fijo (topbar/footer/hero/CTA bands) se queda en el
		navy original, ya aprobado. */
	--br-fondo: #eef2f6;
	--br-superficie: #ffffff;
	--br-gris: #f2f5f9;
	--br-gris-2: #f7f9fc;

	--br-texto: #0e1c2b;
	--br-texto-2: #3d4d60;
	--br-texto-3: #33465c;
	--br-mute: #5b6c80;
	--br-linea: #dde4ec;

	--br-azul: #0b5fae;
	--br-mapa-base: #c7d8ea;
	--br-header-bg: rgba(255, 255, 255, .78);
}