/**
 * Design tokens — Премипак (Figma: Автогранд-агрегатор)
 * Pixel values measured from design screenshots @ ~1700px artboard (2×).
 */

:root {
	/* Brand colors from Figma screenshots */
	--color-primary: #e84b58;
	--color-primary-dark: #d43d49;
	--color-primary-darker: #c4191f;
	--color-primary-deep: #c93642;
	--color-primary-light: #fde8e9;
	--color-primary-muted: rgba(232, 75, 88, 0.12);
	--color-accent: #e84b58;
	--color-accent-hover: #d43d49;
	--color-search-bg: #f39b8d;
	--color-search-text: #e84b58;
	--color-text: #2b2a29;
	--color-text-muted: #6b6b6b;
	--color-text-inverse: #fefefe;
	--color-border: #e5e5e5;
	--color-border-light: #f0f0f0;
	--color-bg: #ffffff;
	--color-bg-alt: #f5f5f5;
	--color-bg-dark: #2b2a29;
	--color-ticker-bg: #ffffff;
	--color-ticker-text: #e84b58;
	--color-badge-bg: #fefefe;
	--color-badge-text: #2b2a29;
	--color-footer-titles-bg: #f1f1f1;
	--color-sidebar-active: #ebebeb;

	/* Typography — Montserrat from Figma */
	--font-family: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--font-size-xs: 12px;
	--font-size-sm: 14px;
	--font-size-base: 16px;
	--font-size-lg: 18px;
	--font-size-xl: 20px;
	--font-size-2xl: 24px;
	--font-size-3xl: 32px;
	--font-weight-normal: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--line-height-tight: 1.25;
	--line-height-base: 1.5;

	/* Spacing */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--space-6: 24px;
	--space-8: 32px;
	--space-10: 40px;
	--space-12: 48px;

	/* Layout — measured from design content width */
	--container-max: 1400px;
	--sidebar-width: 280px;
	--radius-sm: 4px;
	--radius-md: 6px;
	--radius-lg: 8px;
	--radius-full: 9999px;
	--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
	--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
	--transition: 0.2s ease;
}