/* ==========================================================================
   AndalBrok 2027 · TOKENS
   Fuente única: 04_DESIGN-TOKENS.md (Manual de Identidad).
   Regla: ningún color/tamaño/espaciado a pelo en el tema. Todo sale de aquí.
   ========================================================================== */

:root {
	/* ---- Color · Marca ---- */
	--ab-red:        #C12B44;   /* principal · PANTONE 192 C */
	--ab-red-dark:   #9c2237;   /* hover/activo (derivado) */
	--ab-red-soft:   #FDEAEE;   /* fondos suaves, filas alternas */
	--ab-orange:     #E06718;   /* complementario / acento */
	--ab-ink:        #333333;   /* texto principal / iconografía */

	/* ---- Color · Neutros ---- */
	--ab-black:      #1a1a1a;
	--ab-gray-700:   #4a4a4a;
	--ab-gray-500:   #767676;   /* texto secundario (cumple contraste) */
	--ab-gray-300:   #d7d7d7;   /* bordes */
	--ab-gray-100:   #f4f4f4;   /* fondos */
	--ab-white:      #ffffff;

	/* ---- Color · Estados (uso funcional, no de marca) ---- */
	--ab-ok:         #16A34A;
	--ab-warn:       #d4a017;
	--ab-error:      #DC2626;

	/* ---- Tipografía ---- */
	--ab-font: 'Roboto', system-ui, -apple-system, sans-serif;
	--ab-fw-regular: 400;
	--ab-fw-medium:  500;
	--ab-fw-bold:    700;

	/* Escala fluida */
	--ab-h1: clamp(2rem, 4vw, 3.25rem);
	--ab-h2: clamp(1.5rem, 2.6vw, 2.25rem);
	--ab-h3: clamp(1.15rem, 1.6vw, 1.4rem);
	--ab-body: 1.0625rem;     /* 17px */
	--ab-small: 0.875rem;

	--ab-lh-tight: 1.15;      /* titulares */
	--ab-lh-body:  1.6;       /* cuerpo */

	/* ---- Espaciado ---- */
	--ab-space-1: .25rem;  --ab-space-2: .5rem;  --ab-space-3: .75rem;
	--ab-space-4: 1rem;    --ab-space-6: 1.5rem; --ab-space-8: 2rem;
	--ab-space-12: 3rem;   --ab-space-16: 4rem;  --ab-space-24: 6rem;  /* ritmo entre secciones */

	/* ---- Radios, sombras, layout ---- */
	--ab-radius:    10px;
	--ab-radius-lg: 16px;
	--ab-shadow:    0 1px 3px rgba(0,0,0,.08), 0 8px 24px rgba(0,0,0,.05);

	--ab-wrap-max: 1200px;   /* ancho de contenido */
	--ab-wrap-pad: 1.25rem;

	/* ---- Breakpoints (referencia para media queries) ---- */
	--bp-sm: 600px; --bp-md: 900px; --bp-lg: 1200px;
}