/**
 * Design tokens.
 *
 * Single source of truth for colors, spacing, typography and layout.
 * Override per breakpoint at the :root level so every consumer picks
 * them up automatically.
 */

:root {
	/* Colors */
	--color-green: #32534d;
	--color-light-bg: #eef2f2;
	--color-white: #fff;

	/* Legacy aliases (kept for existing selectors). */
	--green: var(--color-green);
	--light-bg: var(--color-light-bg);

	/* Layout */
	--content-max: 1080px;
	--page-max: 1125px;
	--px: 158px;

	/* Typography */
	--font-display: 'AvenirNextUltraLight', sans-serif;
	--font-body: 'Avenir', sans-serif;

	/* Motion */
	--transition-fast: 0.2s ease;
	--transition-base: 0.25s ease;
	--transition-slow: 0.6s ease;
}

/* Tablet */
@media (max-width: 1400px) {
	:root {
		--px: 25px;
	}
}