:root {
  /* Основные цвета */
  --color-background: #3B3B3B;
  --color-text: whitesmoke;
  --color-text-secondary: #666;

  /* Цвета для навигации */
  --color-nav-bg: rgba(255, 255, 255, 0.1);
  --color-nav-bg-hover: rgba(255, 255, 255, 0.2);

  /* Отступы */
  --spacing-xs: 1rem;
  --spacing-sm: 1.5rem;
  --spacing-md: 2rem;
  --spacing-lg: 2.5rem;
  --spacing-xl: 3rem;

  /* Размеры шрифтов */
  --font-size-sm: 1rem;
  --font-size-md: 1.1rem;
  --font-size-lg: 1.2rem;

  /* Насыщенность шрифтов */
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;

  /* Тени */
  --text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  --text-shadow-hover: 0 2px 4px rgba(0, 0, 0, 0.3);

  /* Скругления */
  --border-radius: 4px;

  /* Максимальные ширины */
  --max-width-container: 1200px;
  --max-width-content: 800px;
}