/**
 * AutoHeaven Kit — Design tokens
 *
 * Valores derivados de la medición de los mockups:
 *  - Verde de marca: clustering k-means sobre 393.163 píxeles verdes saturados.
 *  - Contenedor: media del 92,9 % del ancho del viewport en 9 mockups distintos.
 *  - Verde de botón: oscurecido a #4A7A04 para alcanzar 5,16:1 sobre blanco (WCAG AA).
 */

:root {
	/* Marca */
	--ahv-green: #65A207;
	--ahv-green-cta: #4A7A04;
	--ahv-green-dark: #518806;
	--ahv-green-light: #84B814;
	--ahv-green-050: #F2F8E9;

	/* Neutros */
	--ahv-black: #000000;
	--ahv-ink: #0A0A0B;
	--ahv-ink-2: #16181A;
	--ahv-white: #FFFFFF;
	--ahv-surface: #FAFAFA;
	--ahv-border: #E6E6E6;
	--ahv-border-strong: #D4D4D4;
	--ahv-text: #1A1A1A;
	--ahv-text-2: #5E5E5E;
	--ahv-text-3: #9E9E9E;

	/* Estado */
	--ahv-success: #3FA110;
	--ahv-danger: #D93025;
	--ahv-warning: #E8A400;
	--ahv-info: #1268C3;

	/* Tipografía */
	--ahv-font-display: "Archivo Black", system-ui, -apple-system, sans-serif;
	--ahv-font-ui: "Barlow Condensed", system-ui, -apple-system, sans-serif;
	--ahv-font-body: "Inter", system-ui, -apple-system, sans-serif;

	--ahv-fs-hero: clamp(2.5rem, 1.2rem + 5.2vw, 5rem);
	--ahv-fs-h1: clamp(2rem, 1.2rem + 3.2vw, 3.5rem);
	--ahv-fs-h2: clamp(1.5rem, 1.1rem + 1.7vw, 2.25rem);
	--ahv-fs-h3: clamp(1.125rem, 0.95rem + 0.7vw, 1.5rem);
	--ahv-fs-body: 1rem;
	--ahv-fs-sm: 0.875rem;
	--ahv-fs-xs: 0.75rem;

	--ahv-lh-tight: 1.05;
	--ahv-lh-head: 1.15;
	--ahv-lh-body: 1.6;
	--ahv-tracking-caps: 0.04em;
	--ahv-tracking-logo: 0.35em;

	/* Espaciado, escala de 4 */
	--ahv-s-1: 4px;
	--ahv-s-2: 8px;
	--ahv-s-3: 12px;
	--ahv-s-4: 16px;
	--ahv-s-5: 20px;
	--ahv-s-6: 24px;
	--ahv-s-8: 32px;
	--ahv-s-10: 40px;
	--ahv-s-12: 48px;
	--ahv-s-16: 64px;
	--ahv-s-20: 80px;
	--ahv-s-24: 96px;
	--ahv-s-32: 128px;

	/* Layout */
	--ahv-container: 1320px;
	--ahv-gutter: 24px;
	--ahv-grid-gap: 24px;
	--ahv-topbar-h: 40px;
	--ahv-header-h: 96px;
	--ahv-header-h-sticky: 72px;

	/* Formas */
	--ahv-radius-sm: 6px;
	--ahv-radius: 10px;
	--ahv-radius-lg: 16px;
	--ahv-radius-xl: 24px;
	--ahv-radius-pill: 999px;
	--ahv-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(0, 0, 0, 0.06);
	--ahv-shadow-hover: 0 8px 16px rgba(0, 0, 0, 0.08), 0 20px 40px rgba(0, 0, 0, 0.1);
	--ahv-shadow-fab: 0 6px 20px rgba(0, 0, 0, 0.25);

	/* Movimiento */
	--ahv-t-fast: 0.15s;
	--ahv-t: 0.25s;
	--ahv-t-slow: 0.4s;
	--ahv-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--ahv-t-fast: 0s;
		--ahv-t: 0s;
		--ahv-t-slow: 0s;
	}
}