/* Токены дизайн-системы «Навесной.ру» (https://claude.ai/artifact/5vAKJZn58vFVGAsP16tA64).
   Сгенерировано из project/tokens.json — правьте в дизайн-системе и переносите сюда. */
:root {
	/* color */
	--brand-700: #970101;
	--brand-800: #7a0101;
	--brand-100: #f7e6e6;
	--navy-800: #303d57;
	--graphite-600: #4e5666;
	--ink: #212529;
	--ink-muted: #5f6773;
	--surface: #ffffff;
	--surface-alt: #f5f6f8;
	--border: #e3e5e9;
	--border-strong: #8a919c;
	--focus-ring: #0b5cad;
	--success-700: #1d6b3a;
	--on-dark-muted: #b9c0cc;
	/* spacing */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-6: 24px;
	--space-8: 32px;
	--space-12: 48px;
	--space-14: 56px;
	--space-24: 96px;
	/* radius */
	--radius-sm: 6px;
	--radius-md: 8px;
	--radius-lg: 12px;
	--radius-xl: 16px;
	--radius-pill: 999px;
	/* shadow */
	--shadow-sm: 0 1px 2px rgba(33, 37, 41, 0.06), 0 1px 3px rgba(33, 37, 41, 0.08);
	--shadow-md: 0 8px 24px rgba(33, 37, 41, 0.10);
	--shadow-brand: 0 6px 16px rgba(151, 1, 1, 0.28);
	/* size */
	--container: 1280px;
	--header-h: 88px;
	--header-h-compact: 64px;
	--control-h: 48px;
	/* type */
	--font-sans: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;

	/* Совместимость со старыми переменными шаблона и Битрикса */
	--brand-primary: var(--brand-700);
	--brand-secondary: var(--graphite-600);
	--brand-light: var(--surface-alt);
	--font-family-primary: var(--font-sans);
	--font-family-headings: var(--font-sans);
	--font-family-body: var(--font-sans);
	--ui-font-family-primary: var(--font-sans);
	--ui-font-family-secondary: var(--font-sans);
	--ui-font-family-open-sans: var(--font-sans);
	--ui-font-weight-regular: 400;
	--ui-font-weight-semi-bold: 600;
	--ui-font-weight-bold: 700;
}