/* VERNUT design-system.css — extracted from welcome.html */
/* BG: #0A0512 (very dark purple-black), buttons: gold #d4af55 */
/* Fonts: Playfair Display (display/headings) / Montserrat (body) */

html, body {
  background-color: #0A0512 !important;
  background-image: radial-gradient(circle at 50% 0%, rgba(212, 175, 85, 0.05) 0%, transparent 70%) !important;
  color: #e5e2e3 !important;
  font-family: 'Montserrat', sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif !important;
  color: #f2ca50 !important;
}

button.cta-btn,
button.gold-gradient-bg,
a.cta-btn,
a.gold-gradient-bg,
.cta-button,
button[id*="cta"],
button[id*="next"],
button[id*="continue"],
button[id*="Btn"],
button[id*="Button"],
#vfc button {
  background: linear-gradient(135deg, #f2ca50 0%, #d4af37 100%) !important;
  color: #171308 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  box-shadow: 0 0 30px rgba(212, 175, 55, 0.3) !important;
  border: none !important;
}

button.cta-btn:disabled,
.cta-button:disabled,
button[id*="next"]:disabled,
button[id*="Btn"]:disabled,
button[id*="Button"]:disabled {
  background: rgba(212, 175, 85, 0.2) !important;
  color: rgba(235, 226, 206, 0.3) !important;
  box-shadow: none !important;
}

.option-card,
.glass-panel,
.glass-card {
  background: rgba(15, 15, 17, 0.8) !important;
  border-color: rgba(212, 175, 55, 0.1) !important;
}
.option-card.selected,
.glass-card.selected {
  border-color: #d4af55 !important;
  background: rgba(212, 175, 85, 0.08) !important;
}

.text-primary { color: #f2ca50 !important; }
a { color: #f2ca50 !important; }

.progress-fill, .progress-bar-fill {
  background: linear-gradient(90deg, #d4af37, #f2ca50) !important;
}

/* ===== EMAIL INPUT VISIBILITY FIX (g3) ===== */
input[type=email],
input[type=text],
input[name*=email] {
  color: #e5e2e3 !important;
  -webkit-text-fill-color: #e5e2e3 !important;
  caret-color: #f2ca50 !important;
  background: rgba(26,16,37,0.85) !important;
  border-color: rgba(212,175,85,0.4) !important;
}
input[type=email]::placeholder,
input[type=text]::placeholder,
input[name*=email]::placeholder {
  color: rgba(229,226,227,0.40) !important;
  -webkit-text-fill-color: rgba(229,226,227,0.40) !important;
  opacity: 1 !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;
}