/* ===================== Переменные темы «Центр дверей» ===================== */
:root {
  /* Брендовые цвета */
  --purple: #6600e5;         /* основной акцент (кнопки, активные, бейджи «В наличии») */
  --purple-hover: #54179f;   /* ховер акцентных кнопок */
  --purple-soft: #f1e9ff;    /* очень светлый фиолетовый (подложки) */

  --lavender: #f6f9fe;       /* мягкие панели (акция, быстрый подбор, видео, CTA) */
  --lavender-2: #eef1fb;     /* активная карточка магазина «Где купить» */

  --red: #ec1c24;            /* цена со скидкой, акцентная цена */
  --red-badge: #ee3b3a;      /* бейдж «Акция» (текст) */
  --red-badge-bg: #fdecec;   /* бейдж «Акция» (фон) */

  /* Текст */
  --text: #1a1a1a;           /* основной / заголовки */
  --text-body: #3a3a3a;      /* абзацы описаний */
  --text-gray: #5a5a5a;
  --text-muted: #9a9a9a;     /* хлебные крошки, подписи, артикулы */
  --text-muted-2: #b5b5b5;
  --price-old: #b0b0b0;      /* старая цена (зачёркнутая) */
  --on-dark: #ffffff;        /* текст на тёмном/фото */
  --on-photo: rgba(255,255,255,.92); /* подписи поверх фото */

  /* Фоны */
  --bg: #ffffff;
  --bg-soft: #f6f9fe;        /* блоки, панели */
  --bg-hover: #f3f4f8;       /* ховер пунктов меню */
  --bg-placeholder: #dadada; /* подложка фото (место под фото) */
  --bg-placeholder-2: #d0d0d0;

  /* Границы */
  --border: #ececec;
  --border-2: #e0e0e0;
  --border-input: #e3e3e3;
  --border-light: #f2f2f2;

  /* Цветовые образцы (свотчи) */
  --sw-blue: #2f5fe0;
  --sw-red: #e21f1f;
  --sw-yellow: #f2c20a;
  --sw-green: #1f9d4d;
  --sw-gray: #9a9a9a;
  --sw-black: #141414;
  --sw-white: #f4f4f4;
  --sw-brown: #7a5a34;

  /* Промо-карты «Скидки» */
  --promo-blue: #8cc6ec;
  --promo-cyan: #b3e2bc;
  --promo-pink: #e67fa8;
  --promo-gray: #f0f0f0;

  /* Логотип */
  --logo: #1a1a1a;

  /* Размеры шрифтов */
  --fs-10: 10px;
  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-17: 17px;
  --fs-18: 18px;
  --fs-19: 19px;
  --fs-20: 20px;
  --fs-21: 21px;
  --fs-22: 22px;
  --fs-24: 24px;
  --fs-25: 25px;
  --fs-26: 26px;
  --fs-28: 28px;
  --fs-30: 30px;
  --fs-32: 32px;
  --fs-34: 34px;
  --fs-35: 35px;
  --fs-40: 40px;
  --fs-42: 42px;
  --fs-44: 44px;
  --fs-48: 48px;
  --fs-50: 50px;
  --fs-56: 56px;
}