/* Alingsås kommun — design tokens (local Inter, no external font CDN) */

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-VariableFont_opsz_wght.ttf') format('truetype');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-Italic-VariableFont_opsz_wght.ttf') format('truetype');
	font-weight: 100 900;
	font-style: italic;
	font-display: swap;
}

:root {
	--color-teal: #007e76;
	--color-teal-dark: #005e58;
	--color-teal-light: #e0f2f1;
	--color-red: #bd2b31;
	--color-yellow: #f9b526;
	--color-yellow-light: #fef3d0;
	--color-dark: #1d1d1b;
	--color-white: #fefefe;
	--color-gray-100: #f5f5f3;
	--color-gray-200: #e8e8e5;
	--color-gray-300: #d0d0cc;
	--color-gray-500: #767672;
	--color-gray-700: #404040;
	--color-gray-800: #2c2c2a;
	--color-bg: var(--color-white);
	--color-bg-subtle: var(--color-gray-100);
	--color-border: var(--color-gray-200);
	--color-text: var(--color-dark);
	--color-text-muted: var(--color-gray-500);
	--color-text-inverse: var(--color-white);
	--color-link: var(--color-teal);
	--color-link-hover: var(--color-teal-dark);
	--color-focus: var(--color-teal);
	--color-primary: var(--color-teal);
	--font-sans: 'Inter', 'Helvetica Neue', Arial, sans-serif;
	--text-xs: 0.75rem;
	--text-sm: 0.875rem;
	--text-base: 1rem;
	--text-lg: 1.25rem;
	--text-xl: 1.5rem;
	--text-2xl: 1.875rem;
	--text-3xl: 2.375rem;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--space-7: 48px;
	--radius-md: 4px;
	--radius-pill: 9999px;
	--shadow-card: 0 1px 3px rgba(0, 0, 0, 0.1);
	--max-content-width: 720px;
	--max-site-width: 1200px;
	--header-height: 64px;
	--transition-fast: 150ms ease;
}