/* ============================================================
   DREAM design-system.css
   Source of truth: welcome.html (Расшифровка снов)
   BG: #111418 (dark navy-black) + bg-hero image overlay
   Buttons: #58309e (purple/secondary-container) + astral-glow-purple
   Fonts: EB Garamond (headlines) + Manrope (body)
   Accent: #e9c349 (tertiary/gold) + #d4bbff (secondary/violet)
   ============================================================ */

html, body {
  background-color: #111418 !important;
  background: #111418 !important;
  color: #e1e2e8 !important;
  font-family: 'Manrope', sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.font-headline-xl, .font-headline-lg, .font-headline-md, .font-headline-lg-mobile,
[class*="headline"], [class*="display"],
[style*="EB Garamond"] {
  font-family: 'EB Garamond', serif !important;
}

/* CTA / primary buttons - deep purple */
.cta-btn,
button[class*="cta"],
[data-mysticai-cta="primary"],
button[class*="bg-secondary-container"],
button[class*="astral-glow-purple"],
.astral-glow-purple {
  background: #58309e !important;
  color: #ffffff !important;
  font-family: 'Manrope', sans-serif !important;
  box-shadow: 0 0 40px 10px rgba(88,48,158,0.25) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
}

/* Secondary/accent gold buttons (upsell) */
button[style*="background:linear-gradient(90deg,#7b5ea7"],
button[style*="background:linear-gradient(135deg, #ffe088"] {
  background: #58309e !important;
  color: #ffffff !important;
}

/* Progress bars - use purple-to-gold */
[style*="background: linear-gradient(90deg, #8a63d2"],
[style*="background:linear-gradient(90deg,#8a63d2"] {
  background: linear-gradient(90deg, #8a63d2, #e9c349) !important;
}

/* Accent gold tertiary */
.text-tertiary,
[style*="color:#e9c349"],
[style*="color: #e9c349"] {
  color: #e9c349 !important;
}

/* Secondary lavender */
.text-secondary,
[style*="color:#d4bbff"] {
  color: #d4bbff !important;
}

/* Glass panels */
.glass-panel {
  background: rgba(255,255,255,0.05) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
}

/* Bottom gradient */
[class*="bg-gradient-to-t"][class*="from-background"] {
  background: linear-gradient(to top, #111418, rgba(17,20,24,0.9), transparent) !important;
}

/* Surface containers */
[class*="bg-surface-container"] {
  background-color: rgba(29,32,36,0.6) !important;
}

/* Option cards */
.option-btn,
button[class*="option"] {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(233,195,73,0.15) !important;
}
.option-btn.selected {
  background: rgba(88,48,158,0.2) !important;
  border-color: rgba(88,48,158,0.6) !important;
}

/* ===== EMAIL INPUT VISIBILITY FIX (g3) ===== */
input[type=email],
input[type=text],
input[name*=email] {
  color: #e1e2e8 !important;
  -webkit-text-fill-color: #e1e2e8 !important;
  caret-color: #e9c349 !important;
}
input[type=email]::placeholder,
input[type=text]::placeholder,
input[name*=email]::placeholder {
  color: rgba(225,226,232,0.45) !important;
  -webkit-text-fill-color: rgba(225,226,232,0.45) !important;
  opacity: 1 !important;
}