/* ToyotaLand design tokens — single source of truth (colors overridable from the dashboard). */
:root {
	--tl-primary: #e3141b;
	--tl-primary-600: #b90e14;
	--tl-primary-50: #fdeced;
	--tl-primary-100: #fbd5d7;

	--tl-ink: #1c1c1e;
	--tl-text: #3d3d40;
	--tl-muted: #8a8a8f;
	--tl-subtle: #b4b4b9;
	--tl-line: #ececee;
	--tl-line-strong: #dedee2;
	--tl-bg: #ffffff;
	--tl-soft: #f4f4f5;
	--tl-soft-2: #f8f8f9;
	--tl-dark: #2b2b2d;
	--tl-dark-2: #1f1f21;

	--tl-success: #1f9254;
	--tl-success-50: #e5f5ec;
	--tl-warn: #b26b00;
	--tl-warn-50: #fff3dc;
	--tl-green-panel: #8cc7a1;

	--tl-font: 'Vazirmatn', Tahoma, sans-serif;
	--tl-font-head: 'Vazirmatn', Tahoma, sans-serif;

	--tl-r-sm: 10px;
	--tl-r: 14px;
	--tl-r-lg: 20px;
	--tl-r-xl: 28px;
	--tl-r-pill: 999px;

	--tl-shadow-sm: 0 2px 10px rgba(20, 20, 25, .05);
	--tl-shadow: 0 14px 40px -18px rgba(20, 20, 25, .22);
	--tl-shadow-lg: 0 30px 70px -30px rgba(20, 20, 25, .35);
	--tl-shadow-red: 0 14px 30px -14px rgba(227, 20, 27, .65);

	--tl-container: 1240px;
	--tl-gutter: 16px;
	--tl-header-h: 76px;
	--tl-ease: cubic-bezier(.2, .7, .2, 1);
}

@media (max-width: 860px) {
	:root {
		--tl-header-h: 64px;
	}
}