/*
 * Accountline design tokens — first visual version for approval, not a locked brand book.
 * Contrast checked against WCAG AA for body text.
 */

:root {
	--al-color-bg: #f7f8f4;
	--al-color-surface: #ffffff;
	--al-color-text: #182822;
	--al-color-accent: #2f6655;
	--al-color-accent-hover: #245244;
	--al-color-accent-soft: #e8efe9;
	--al-color-text-muted: #3a4b45;
	--al-color-border: #c5d0c8;
	--al-color-focus: #1f4a3d;
	--al-color-on-accent: #ffffff;

	--al-font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
	--al-font-size-body: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
	--al-font-size-lead: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
	--al-font-size-small: 0.9375rem;
	--al-font-size-h1: clamp(1.95rem, 1.28rem + 2.55vw, 3.2rem);
	--al-font-size-h2: clamp(1.42rem, 1.18rem + 1vw, 1.9rem);
	--al-font-size-h3: clamp(1.125rem, 1.05rem + 0.35vw, 1.3rem);
	--al-line-body: 1.65;
	--al-line-heading: 1.18;
	--al-measure: 40rem;

	--al-container: 80rem;
	--al-gutter: clamp(1.05rem, 0.55rem + 1.85vw, 2rem);
	--al-space-1: 0.25rem;
	--al-space-2: 0.5rem;
	--al-space-3: 0.75rem;
	--al-space-4: 1rem;
	--al-space-5: 1.5rem;
	--al-space-6: 2rem;
	--al-space-7: 3rem;
	--al-space-8: clamp(2.75rem, 1.7rem + 3.4vw, 5.5rem);
	--al-header-h: 4.5rem;

	--al-radius: 0.5rem;
	--al-radius-sm: 0.375rem;
	--al-border: 1px solid var(--al-color-border);
	--al-shadow: none;

	--al-focus: 2px solid var(--al-color-focus);
	--al-focus-offset: 3px;
	--al-transition: 160ms ease;
	--al-tap: 2.75rem;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--al-transition: 0ms;
	}
}