/**
 * Design tokens — из текущего бренда Sargon (Figma: обновить при получении макета)
 */
:root {
	/* Colors */
	--sargon-color-primary: #ffb716;
	--sargon-color-primary-dark: #eca300;
	--sargon-color-primary-gradient: linear-gradient(208deg, rgba(255, 183, 22, 0) 76.33%, rgba(183, 126, 0, 0.7) 94.58%);
	--sargon-color-text: #151515;
	--sargon-color-text-muted: #666666;
	--sargon-color-text-grey: #797979;
	--sargon-color-text-light: #7e7e7e;
	--sargon-color-text-placeholder: #999999;
	--sargon-color-border: #cecece;
	--sargon-color-border-light: rgba(0, 0, 0, 0.2);
	--sargon-color-bg: #ffffff;
	--sargon-color-bg-alt: #f5f5f5;
	--sargon-color-bg-peach: #fbf3e3;
	--sargon-color-header: #1b1d20;
	--sargon-color-header-bg: #1b1d20;
	--sargon-color-header-bg-gradient: linear-gradient(90deg, #5f7177 0%, #1b1d20 20%, #1b1d20 80%, #5f7177 100%);
	--sargon-color-header-sticky: rgba(27, 29, 32, 0.98);
	--sargon-color-header-top-text: rgba(255, 255, 255, 0.7);
	--sargon-color-footer: #151515;
	--sargon-color-footer-text: #666666;
	--sargon-color-footer-bg-gradient: linear-gradient(90deg, #1B1D20 0%, #5F7177 100%);
	--sargon-color-footer-bg-gradient-mobile: linear-gradient(0deg, #5f7177 0%, #1b1d20 100%);
	--sargon-color-footer-on-dark: #ffffff;
	--sargon-color-footer-muted-on-dark: rgba(255, 255, 255, 0.7);
	--sargon-color-white: #ffffff;
	--sargon-color-stock: #439d3b;
	--sargon-color-btn-secondary: #e6edee;
	--sargon-color-quick-calc-border: #506065;
	--sargon-color-shadow: rgba(0, 0, 0, 0.08);
	--sargon-color-shadow-card: 0 4px 25px 0 rgba(0, 0, 0, 0.08);

	/* Typography */
	--sargon-font-family: inherit;
	--sargon-font-size-xs: 12px;
	--sargon-font-size-sm: 14px;
	--sargon-font-size-base: 16px;
	--sargon-font-size-md: 18px;
	--sargon-font-size-lg: 22px;
	--sargon-font-size-xl: 28px;
	--sargon-font-weight-normal: 400;
	--sargon-font-weight-semibold: 600;
	--sargon-font-weight-bold: 700;
	--sargon-line-height-tight: 1.25;
	--sargon-line-height-base: 1.4;
	--sargon-line-height-relaxed: 1.56;

	/* Spacing — Figma content width 1146px (frame 1902 − padding 378×2) */
	--sargon-container-max: 1146px;
	--sargon-container-padding: 15px;
	--sargon-gap-xs: 8px;
	--sargon-gap-sm: 16px;
	--sargon-gap-md: 24px;
	--sargon-gap-lg: 40px;
	--sargon-gap-xl: 60px;
	--sargon-section-padding: 60px;
	--sargon-section-padding-sm: 32px;

	/* Layout */
	--sargon-header-height: 80px;
	--sargon-header-height-sticky: 64px;
	--sargon-border-radius: 0;
	--sargon-border-radius-sm: 4px;

	/* Breakpoints (for reference in media queries) */
	/* sm: 480px, md: 768px, lg: 1024px, xl: 1200px */

	/* Transitions */
	--sargon-transition: 0.3s ease;
	--sargon-transition-slow: 0.4s ease;
}