/* ========== ОСНОВНЫЕ ПЕРЕМЕННЫЕ И НАСТРОЙКИ ========== */
:root {
  /* Цвета */
  --primary-color: #f02930;
  --primary-hover: #c81a20;
  --secondary-color: #1990ff;
  --dark-color: #181818;
  --light-color: #ffffff;
  --gray-color: #525252;
  --light-gray: #f3f3f3;
  --error-color: #dc3545;
  --success-color: #28a745;
  
  /* Тени */
  --box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  --box-shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.15);
  --box-shadow-active: 0 2px 5px rgba(0, 0, 0, 0.2);
  
  /* Скругления */
  --border-radius-sm: 4px;
  --border-radius: 8px;
  --border-radius-lg: 12px;
  
  /* Отступы */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-xxl: 4rem;
  
  /* Шрифты */
  --font-main: 'Montserrat', system-ui, -apple-system, sans-serif;
  --font-secondary: 'Open Sans', sans-serif;
  
  /* z-index */
  --z-header: 1000;
  --z-modal: 1100;
  --z-to-top: 1050;
  --z-preloader: 1200;
  --z-tooltip: 1300;
}