/**
 * AAB — Tokens canónicos (Fase 1).
 * Fuente de verdad alineada con theme.json + Manual de Identidad.
 */

:root {
	/* Escala fluida — 320px → 1440px */
	--aab-step--1: clamp(0.833rem, 0.80rem + 0.16vw, 0.889rem);
	--aab-step-0: clamp(1rem, 0.96rem + 0.22vw, 1.125rem);
	--aab-step-1: clamp(1.2rem, 1.14rem + 0.31vw, 1.406rem);
	--aab-step-2: clamp(1.44rem, 1.34rem + 0.49vw, 1.758rem);
	--aab-step-3: clamp(1.728rem, 1.58rem + 0.74vw, 2.197rem);
	--aab-step-4: clamp(2.074rem, 1.85rem + 1.11vw, 2.747rem);
	--aab-step-5: clamp(2.488rem, 2.17rem + 1.60vw, 3.433rem);

	/* Espaciado fluido */
	--aab-space-2xs: clamp(0.5rem, 0.48rem + 0.11vw, 0.563rem);
	--aab-space-xs: clamp(0.75rem, 0.72rem + 0.16vw, 0.844rem);
	--aab-space-s: clamp(1rem, 0.96rem + 0.22vw, 1.125rem);
	--aab-space-m: clamp(1.5rem, 1.44rem + 0.33vw, 1.688rem);
	--aab-space-l: clamp(2rem, 1.91rem + 0.43vw, 2.25rem);
	--aab-space-xl: clamp(3rem, 2.87rem + 0.65vw, 3.375rem);
	--aab-space-2xl: clamp(4rem, 3.65rem + 1.74vw, 5rem);
	--aab-space-3xl: clamp(5rem, 4.35rem + 3.26vw, 7rem);

	/* Layout */
	--aab-content: 1140px;
	--aab-wide: 1320px;
	--aab-gutter: clamp(1rem, 0.7rem + 1.5vw, 2rem);

	/* Color — separación por uso de contraste (WCAG AA) */
	--aab-navy: #16293A;
	--aab-blue: #2B98C8; /* fondos, títulos ≥24px, bordes, iconos */
	--aab-blue-text: #2278A0; /* enlaces y texto <18.66px — 4.93:1 sobre blanco */
	--aab-blue-deep: #2278A0;
	--aab-grey: #EFEFF1;
	--aab-muted: #4A5C6A;
	--aab-border: #D8DDE3;
	--aab-white: #FFFFFF;

	/* Alias de compatibilidad con style.css actual (Fase 1: sin cambio visual) */
	--aab-primary: var(--aab-navy);
	--aab-accent: var(--aab-blue);
	--aab-accent-hover: var(--aab-blue-text);
	--aab-dark: var(--aab-navy);
	--aab-light: var(--aab-grey);
	--aab-surface: var(--aab-grey);
	--aab-max: var(--aab-content);
	--aab-radius: 4px;
	--aab-font: "Montserrat", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--aab-display: "Montserrat", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}