/*
 * AFTERGLASS: tokenii de design.
 *
 * Paleta și fonturile sunt PLACEHOLDER până la livrarea identității vizuale.
 * Când vine brandul, se schimbă doar valorile de aici; componentele nu se ating.
 * Fonturile finale se auto-găzduiesc în assets/fonts/ (max. 2 familii),
 * cu glifele pentru RO, ES, IT, FR, DE, SE.
 */

:root {
	/* Culori */
	--ag-color-bg: #fbfbf9;
	--ag-color-surface: #ffffff;
	--ag-color-ink: #111111;
	--ag-color-ink-muted: #5b5b5b;
	--ag-color-line: #e6e6e2;
	--ag-color-accent: #111111; /* placeholder: accentul brandului */
	--ag-color-accent-ink: #ffffff;
	--ag-color-success: #1f7a4d;
	--ag-color-warning: #9a6700;
	--ag-color-error: #b3261e;

	/* Tipografie (placeholder: system stack) */
	--ag-font-display: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--ag-font-text: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--ag-text-xs: 0.8125rem;
	--ag-text-sm: 0.9375rem;
	--ag-text-md: 1.0625rem;
	--ag-text-lg: 1.375rem;
	--ag-text-xl: 2rem;
	--ag-text-2xl: 3rem;
	--ag-leading-tight: 1.15;
	--ag-leading-text: 1.55;
	--ag-tracking-caps: 0.08em;

	/* Spații */
	--ag-space-1: 0.25rem;
	--ag-space-2: 0.5rem;
	--ag-space-3: 0.75rem;
	--ag-space-4: 1rem;
	--ag-space-5: 1.5rem;
	--ag-space-6: 2rem;
	--ag-space-7: 3rem;
	--ag-space-8: 4rem;

	/* Forme */
	--ag-radius-sm: 4px;
	--ag-radius-md: 8px;
	--ag-radius-pill: 999px;
	--ag-shadow-sm: 0 1px 2px rgba(17, 17, 17, 0.06);
	--ag-shadow-md: 0 8px 24px rgba(17, 17, 17, 0.08);

	/* Layout */
	--ag-container: 1200px;
	--ag-gutter: 16px;

	/* Mișcare */
	--ag-motion-fast: 150ms;
	--ag-motion-base: 250ms;
	--ag-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--ag-motion-fast: 0ms;
		--ag-motion-base: 0ms;
	}
}