/* ============================================================
   DESIGN SYSTEM — PROGNOZ
   Auto-generated from welcome.html tokens. DO NOT EDIT MANUALLY.
   Bump ?v= on injection tag to cache-bust.
   ============================================================ */

/* === Base === */
html, body {
  background-color: #0b1326 !important;
  background-image: none !important;
  color: #dae2fd !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}

/* Override any inline body bg-gradient from old quiz pages */
body[style*="background"] {
  background: #0b1326 !important;
}

/* === Typography === */
h1, h2, h3, h4, h5, h6,
.font-heading, .font-serif, .font-display,
[class*="headline"], [class*="display"],
[class*="font-display"], [class*="font-headline"] {
  font-family: 'Libre Caslon Text', Georgia, serif !important;
}

/* === Accent Color === */
.text-accent, .text-gold,
[class*="text-primary"]:not(body):not(html),
.accent-text {
  color: #e9c349 !important;
}

/* === Buttons / CTAs === */
button:not([class*="back"]):not([class*="prev"]):not([class*="menu"]),
.btn-primary,
[class*="cta"],
a[class*="cta"] {
  background: #e9c349 !important;
  color: #1a1200 !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  border-radius: 0.75rem !important;
}

button:not([class*="back"]):not([class*="prev"]):not([class*="menu"]):not(:disabled):hover,
.btn-primary:not(:disabled):hover {
  box-shadow: 0 0 24px rgba(233,195,73,0.4) !important;
  opacity: 0.92 !important;
}

/* Disabled buttons keep their state */
button:disabled,
.btn-primary:disabled {
  opacity: 0.35 !important;
  cursor: not-allowed !important;
}

/* === Progress Bar === */
.progress-fill,
[class*="progress"]:not([class*="track"]):not([class*="bar-bg"]) {
  background: linear-gradient(90deg, #e9c349, #b3c5ff) !important;
}

/* === Option Cards (quiz choices) === */
.option:active, .option.selected,
.option-card:active, .option-card.selected,
[class*="option"]:active,
[class*="option"].selected {
  border-color: #e9c349 !important;
  box-shadow: 0 0 20px #e9c34944 !important;
  background: #e9c34914 !important;
}

/* === Surface / Cards === */
.glass-card, .parchment-card, .glass-panel,
[class*="surface-container"]:not(body):not(html),
[class*="card"], .recessed-card {
  background-color: #171f33 !important;
}

/* === Muted Text === */
.text-muted, [class*="on-surface-variant"],
[class*="text-outline"], .text-outline {
  color: #c5c6d2 !important;
}

/* === Particles: override off-brand particle colors === */
.particle {
  background: #e9c349 !important;
}

/* === Green accent overrides (quiz/mid pages use #4aff9a — remap to gold) === */
/* Selected option text */
.option.selected,
.option-card.selected {
  color: #e9c349 !important;
}

/* header-title gradient text on 06-partial, 07-paywall pages */
.header-title {
  background: linear-gradient(135deg, #ffe087, #e9c349, #ffe087) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* price display on paywall */
.price-new,
.upsell-real-price,
.card-title,
[class*=card-title] {
  color: #e9c349 !important;
}

/* pay button on 07-paywall */
.pay-btn,
.btn-pay {
  background: linear-gradient(135deg, #e9c349, #ffe087) !important;
  color: #1a1200 !important;
}

/* benefit text strong tags */
.benefit-text strong {
  color: #b3c5ff !important;
}

/* === Material Symbols Outlined — font-family fix (g2) === */
/* html,body !important override would break icon ligatures — restore here */
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap");
.material-symbols-outlined,
span.material-symbols-outlined {
  font-family: "Material Symbols Outlined" !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-size: inherit;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}


/* ===== WELCOME1 ALIGN (золотая спираль): royal navy + gold + Playfair ===== */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&display=swap");
html, body {
  background: #0a0e17 !important;
  background-image: radial-gradient(circle at 50% -8%, #14224a 0%, #0a0e17 58%) !important;
  color: #e8eaf2 !important;
}
h1, h2, h3, .headline, [class*="title"], [class*="headline"] {
  font-family: "Playfair Display", Georgia, serif !important;
}
/* Главные CTA -> золотой градиент велкома (не трогаем опции квиза) */
.pay-btn, .unlock-btn, #nextBtn, .cta-btn, button[class*="primary"], .btn-primary, .gold-gradient, .sticky-cta button {
  background: linear-gradient(135deg, #e9c349 0%, #af8d11 100%) !important;
  color: #1a1206 !important;
  box-shadow: 0 0 20px rgba(233,195,73,0.18) !important;
  border: none !important;
}