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

/* === Base === */
html, body {
  background-color: #0A0512 !important;
  background-image: none !important;
  color: #E8E0F0 !important;
  font-family: 'Manrope', sans-serif !important;
}

/* Override any inline body bg-gradient from old quiz pages */
body[style*="background"] {
  background: #0A0512 !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: 'EB Garamond', serif !important;
}

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

/* === Buttons / CTAs === */
button:not([class*="back"]):not([class*="prev"]):not([class*="menu"]),
.btn-primary,
[class*="cta"],
a[class*="cta"] {
  background: #d4af37 !important;
  color: #2D1E1E !important;
  font-family: 'Manrope', sans-serif !important;
  border-radius: 9999px !important;
}

button:not([class*="back"]):not([class*="prev"]):not([class*="menu"]):not(:disabled):hover,
.btn-primary:not(:disabled):hover {
  box-shadow: 0 0 25px rgba(212,175,55,0.6) !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, #d4af37, #a07830) !important;
}

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

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

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

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

/* === g3 ligature fix 2026-05-31 === */
/* Restore Material Symbols font-family overridden by design-system body/span rules */
.material-symbols-outlined,
.material-symbols-rounded,
.material-symbols-sharp,
span.material-symbols-outlined,
span.material-symbols-rounded,
span.material-symbols-sharp {
  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";
  -webkit-font-smoothing: antialiased;
}