/* ==========================================================================
   Aldao Arquitectos — Tokens globales
   Archivo: aldao-bricks-child/assets/css/tokens.css (lo carga inc/setup.php)
   Los colores (--sa-negro, --sa-blanco, etc.) se definen en Bricks:
   Style Manager → Colors → paleta "Aldao". Acá van tipografía, layout y movimiento.
   ========================================================================== */

:root {
	/* Tipografía */
	--sa-font: "Inter", sans-serif;
	--sa-fw-light: 300;
	--sa-fw-regular: 400;
	--sa-fw-medium: 500;

	/* Layout */
	--gutter: max(48px, calc((100% - 1248px) / 2));
	--sa-header-h: 108px;
	--sa-seccion-pt: 56px;
	--sa-seccion-pb: 96px;

	/* Movimiento */
	--sa-transicion: 0.2s;
	--sa-transicion-img: 0.5s ease;
}

@media (max-width: 1000px) {
	:root {
		--gutter: 24px;
	}
}

@media (max-width: 760px) {
	:root {
		--gutter: 16px;
		--sa-header-h: 72px;
	}
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: var(--sa-font);
	background: var(--sa-blanco);
	color: var(--sa-negro);
	-webkit-font-smoothing: antialiased;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}