:root {
  /* 🌞 Светлая тема */
  --edz-bg: #ffffff;              /* основной фон */
  --edz-surface: #f7f7f7;         /* поверхность блоков / карточек */
  --edz-border: #e1e1e1;          /* границы и делители */
  --edz-text: #111111;            /* основной текст */
  --edz-text-muted: #555555;      /* вторичный текст */
  --edz-text-soft: #777777;       /* мягкий вторичный */
  --edz-text-light: #ffffff;      /* светлый текст */
  --edz-accent: #FD8D27;          /* брендовый акцент */
  --edz-accent-2: #2b84d8;        /* дополнительный акцент/градиент */
  --edz-link: #0056b3;            /* ссылки (синий, читаемый на светлом фоне) */

  /* Стрелки слайдеров */
  --edz-slider-arrow-bg: rgba(255, 255, 255, 0.9);
  --edz-slider-arrow-border: #dcdcdc;
  --edz-slider-arrow-color: #333333;
  --edz-slider-arrow-hover-bg: var(--edz-accent, #FD8D27);
  --edz-slider-arrow-hover-border: var(--edz-accent, #FD8D27);
  --edz-slider-arrow-disabled-bg: rgba(240, 240, 240, 0.6);
  --edz-slider-arrow-disabled-color: rgba(0, 0, 0, 0.25);

  /* Карточки и wishlist */
  --edz-product-card-title: #111111;
  --edz-wish-bg: rgba(0, 0, 0, 0.05);
  --edz-wish-color: #333333;
  --edz-wish-border: var(--edz-border, #e1e1e1);
  --edz-wish-active-bg: var(--edz-accent, #FD8D27);
  --edz-wish-active-border: var(--edz-accent, #FD8D27);

  /* Хедер поиск */
  --edz-header-search-color: #111111;
  --edz-header-search-hover: var(--edz-accent, #FD8D27);
  --edz-header-search-border: var(--edz-accent, #FD8D27);
  --edz-header-search-placeholder: #aaaaaa;

  /* Кнопка шаринга */
  --edz-share-toggle-color: #111111;
  --edz-share-toggle-border: var(--edz-border, #e1e1e1);
  --edz-share-toggle-hover: var(--edz-accent, #FD8D27);

  /* Кнопки */
  --edz-btn-padding: 12px 18px;
  --edz-btn-font-size: 1rem;
  --edz-btn-border-radius: 5px;
  --edz-btn-gap: 8px;
  --edz-btn-font-weight: 700;
  --edz-btn-gradient: linear-gradient(90deg, var(--edz-accent, #FD8D27), var(--edz-accent-2, #2b84d8));

    /* Переменные для секций */
  --edz-section-gap: 2rem;
}



@media (max-width: 520px) {
  :root {
    --edz-btn-padding: 12px 15px;
    --edz-btn-font-size: 14px;
  }
}

/* Переопределяем Bootstrap body стили нашими переменными */
body {
  color: var(--edz-text, #ffffff) !important;
  background-color: var(--edz-bg, #111) !important;
}