/* CSS Variables and Theme Styles */

/* Prevent white flash before CSS loads */
html:not(.theme-init) body {
  background: #1a1a1a;
}

/* Light Theme (default and current) - Битрикс класс theme-light */
body.theme-light .ios26-preview,
body.theme-light .ios26-preview *:not(.cta-button-small):not(.intro-image-text),
.ios26-preview.theme-light,
.ios26-preview.theme-light *:not(.cta-button-small):not(.intro-image-text) {
  --primary-bg: #f40044;
  --text-color: #000000;
  --header-color: #000000;
  --card-bg: #ffffff;
  --card-shadow: rgba(0, 0, 0, 0.1);
  --link-color: #0066cc;
  --glow-color: rgba(244, 0, 68, 0.7);
  --glow-color-alt: rgba(102, 176, 255, 0.5);
  --background-color: #ffffff;
  --border-color: #000000;
  background-color: #ffffff !important;
  color: #000000 !important;
}

/* Dark Theme - Битрикс класс theme-dark */
body.theme-dark .ios26-preview,
body.theme-dark .ios26-preview *:not(.cta-button-small):not(.intro-image-text),
.ios26-preview.theme-dark,
.ios26-preview.theme-dark *:not(.cta-button-small):not(.intro-image-text) {
  --primary-bg: #f40044;
  --text-color: #ffffff;
  --header-color: #000000;
  --card-bg: #ffffff;
  --card-shadow: rgba(255, 255, 255, 0.1);
  --link-color: #66b0ff;
  --glow-color: rgba(244, 0, 68, 0.7);
  --glow-color-alt: rgba(102, 176, 255, 0.5);
  --background-color: #1a1a1a;
  --border-color: #ffffff;
  background-color: #1a1a1a !important;
  color: #ffffff !important;
}

/* Поддержка старой системы theme-selector__item для совместимости */
.ios26-preview.theme-selector__item--light,
.ios26-preview.theme-selector__item--light *:not(.cta-button-small):not(.intro-image-text) {
  --primary-bg: #f40044;
  --text-color: #000000;
  --header-color: #000000;
  --card-bg: #ffffff;
  --card-shadow: rgba(0, 0, 0, 0.1);
  --link-color: #0066cc;
  --glow-color: rgba(244, 0, 68, 0.7);
  --glow-color-alt: rgba(102, 176, 255, 0.5);
  --background-color: #ffffff;
  --border-color: #000000;
  background-color: #ffffff !important;
  color: #000000 !important;
}

.ios26-preview.theme-selector__item--dark,
.ios26-preview.theme-selector__item--dark *:not(.cta-button-small):not(.intro-image-text) {
  --primary-bg: #f40044;
  --text-color: #ffffff;
  --header-color: #000000;
  --card-bg: #ffffff;
  --card-shadow: rgba(255, 255, 255, 0.1);
  --link-color: #66b0ff;
  --glow-color: rgba(244, 0, 68, 0.7);
  --glow-color-alt: rgba(102, 176, 255, 0.5);
  --background-color: #1a1a1a;
  --border-color: #ffffff;
  background-color: #1a1a1a !important;
  color: #ffffff !important;
}

/* Default fallback if no class */
.ios26-preview:not(.theme-light):not(.theme-dark):not(.theme-selector__item--light):not(.theme-selector__item--dark) {
  --primary-bg: #f40044;
  --text-color: #000000;
  --header-color: #000000;
  --card-bg: #ffffff;
  --card-shadow: rgba(0, 0, 0, 0.1);
  --link-color: #0066cc;
  --glow-color: rgba(244, 0, 68, 0.7);
  --glow-color-alt: rgba(102, 176, 255, 0.5);
  --background-color: #ffffff;
  --border-color: #000000;
  background-color: #ffffff;
}

.pillow-card {
  border-color: #A6ABAF;
}