/* Переменные темы — удобно менять при переделке */
:root {
  /* Цвета бренда (со старого сайта) */
  --color-primary: #5f1a6a;
  --color-primary-light: #762a5b;
  --color-accent: #ff9303;
  --color-text: #260b2a;
  --color-text-muted: #565656;
  --color-border: #dfdce3;
  --color-border-dark: #afa8b0;
  --color-bg: #fff;
  --color-selection-bg: #5f1a6a;
  --color-selection-text: #fff;

  /* Типографика */
  --font-sans: system-ui, -apple-system, sans-serif;
  --font-serif: Lora, Georgia, serif;
  --font-size-base: 16px;
  --line-height-base: 1.5;

  /* Отступы и сетка */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  /* Одна линия с новым header/footer (Figma): max-width + горизонтальные поля */
  --width-content: 1200px;
  --content-padding-x: 20px;
  --radius: 4px;

  /* Переходы */
  --transition: 0.3s ease;
}

@media (min-width: 769px) {
  :root {
    --content-padding-x: 40px;
  }
}