/*
 * Design tokens — static fallback. The authoritative values are written
 * inline by inc/assets.php::aa_get_dynamic_tokens_css() from
 * Aurora → Appearance → Colors, so changing a color there needs no
 * theme edit or redeploy. This file only guarantees sane values before
 * Core/Settings are configured.
 */
:root {
	--aa-primary: #F47D38;
	--aa-secondary: #F4D7C3;
	--aa-accent: #F47D38;
	--aa-text: #3F2513;
	--aa-ink: #000000;
	--aa-surface: #FFFFFF;
	--aa-background: #FFFFFF;
	--aa-muted: #8A7A6E;
	--aa-border: rgba(63, 37, 19, 0.12);

	--aa-font-title: 'Montserrat', sans-serif;
	--aa-font-body: 'Montserrat', sans-serif;
	--aa-title-weight: 400;
	--aa-heading-weight: 300;
	--aa-body-weight: 300;

	--aa-radius-sm: 8px;
	--aa-radius-md: 16px;
	--aa-radius-pill: 999px;

	--aa-shadow-sm: 0 4px 16px rgba(63, 37, 19, 0.08);
	--aa-shadow-md: 0 12px 32px rgba(63, 37, 19, 0.14);

	--aa-container: 1280px;
	--aa-gutter: clamp(20px, 4vw, 64px);

	--aa-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--aa-speed: 0.35s;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--aa-speed: 0s;
	}
}