:root {
  --variable-collection-global-side-padding: 100px;
  --variable-collection-accent-color: rgba(0, 119, 255, 1);
  
  /* Отступ под шапку (будет перезаписываться через JS) */
  --header-height: 75px;

  /* Основные цвета */
  --color-bg-main: #050506;
  --color-bg-secondary: #060606;
  --color-bg-popup: #161616;
  --color-bg-input: #121212;
  --color-text-main: #ffffff;
  --color-accent-hover: #005bb5;

  /* Скругления (Border Radius) */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 24px;

  /* Базовая анимация */
  --transition-base: 0.3s ease;
}

/* Адаптивные отступы по краям */
@media (max-width: 1024px) {
  :root {
    --variable-collection-global-side-padding: 40px;
  }
}

@media (max-width: 768px) {
  :root {
    --variable-collection-global-side-padding: 20px;
  }
}