/* ============================================================ VARIABLES.CSS — дизайн-токены alumlit.ru Подключается ПЕРВЫМ в , до остальных стилей. ============================================================ */ :root { /* Бренд-цвета */ --color-primary: #e77817; --color-primary-dark: #c46512; --color-primary-light: #f09040; /* Нейтральные */ --color-dark: #1c1c1c; --color-dark-2: #252525; --color-text: #323232; --color-text-light: #6b6b6b; --color-border: #d7d7d7; --color-bg: #f7f7f7; --color-white: #ffffff; /* Типографика */ --font-base: "open_sansregular", sans-serif; --font-bold: "open_sansbold", sans-serif; --font-semibold: "open_sanssemibold", sans-serif; --font-size-base: 15px; --font-size-sm: 13px; --font-size-md: 17px; --font-size-lg: 21px; --font-size-xl: 25px; --font-size-h1: 28px; --line-height-base: 1.6; /* Пространство */ --spacing-xs: 8px; --spacing-sm: 15px; --spacing-md: 25px; --spacing-lg: 40px; --spacing-xl: 60px; /* Скругления */ --radius-sm: 4px; --radius-md: 8px; --radius-lg: 16px; /* Тени */ --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.08); --shadow-card-hover: 0 8px 24px rgba(0, 0, 0, 0.15); --shadow-nav: 0 4px 16px rgba(0, 0, 0, 0.12); /* Переходы */ --transition-fast: 0.15s ease; --transition-base: 0.25s ease; }