/* REV Reformer - light theme overrides */

:root {
  color-scheme: light;

  --color-bg: #e3eef8;
  --color-bg-alt: #edf6ff;
  --color-bg-alt-2: #d7e7f6;
  --color-black: #ffffff;
  --color-white: #ffffff;
  --color-accent: #0957ff;
  --color-primary: var(--color-accent);
  --color-primary-dark: #074bd8;
  --color-primary-light: #3f79ff;
  --color-text: #172033;
  --color-text-muted: #4b5568;
  --color-text-placeholder: #7b8798;
  --color-border: #bed0e3;
  --color-border-alt: #a9bfd6;
  --color-success: #0f8f68;
  --color-success-dark: #087454;
  --color-success-bg: rgba(15, 143, 104, 0.14);
  --color-error: #d92d20;
  --color-error-bg: rgba(217, 45, 32, 0.1);
  --color-star: #d89b00;
  --color-whatsapp: #20b95b;
  --color-bg-photo: #d2e2f1;
  --color-bg-footer: #cddfec;

  --shadow: 0 8px 28px rgba(23, 32, 51, 0.08);
  --shadow-lg: 0 16px 44px rgba(23, 32, 51, 0.14);
}

.header {
  background: rgba(237, 246, 255, 0.94);
}

.nav-lang .lang-link:hover {
  background: rgba(9, 87, 255, 0.08);
}

.nav-lang .lang-link.is-active {
  background: rgba(9, 87, 255, 0.14);
}

.nav-social img,
.footer-social img,
.footer-icon {
  filter: invert(1);
  opacity: 0.72;
}

.nav-social a:hover img,
.footer-social a:hover img {
  opacity: 0.95;
}

.mobile-menu-backdrop,
.waitlist-modal__backdrop {
  background: rgba(23, 32, 51, 0.42);
}

.hero-bg-overlay {
  background: linear-gradient(180deg, rgba(79, 80, 59, 0.45) 0%, rgba(41, 35, 12, 0.72) 100%);
}

.hero-paths {
  color: rgba(255, 255, 255, 0.82);
}

.btn-secondary:hover {
  color: #172033;
}

.percorso-featured {
  box-shadow: 0 10px 30px rgba(9, 87, 255, 0.14);
}

.waitlist-modal__dialog {
  background: var(--color-bg-alt);
}

.waitlist-modal__close {
  background: rgba(15, 23, 42, 0.36);
  border-color: rgba(255, 255, 255, 0.65);
  color: var(--color-white);
}

.waitlist-modal__close:hover {
  border-color: var(--color-white);
  color: var(--color-white);
}

.waitlist-modal__hero-overlay {
  background: rgba(15, 23, 42, 0.22);
}

.waitlist-modal__field input:focus {
  box-shadow: 0 0 0 3px rgba(9, 87, 255, 0.14);
}

.fab-waitlist:focus-visible {
  outline-color: rgba(9, 87, 255, 0.3);
}

.page-hero h1,
.form-card h2 {
  color: var(--color-text);
}

.page-eyebrow,
.chip input:checked + span,
.step-num,
.card-tag,
.quiz-option:hover {
  background: rgba(9, 87, 255, 0.08);
}

.quiz-progress-label.done {
  background: var(--color-success);
  color: var(--color-white);
}

.card-tag {
  color: var(--color-primary-dark);
  border-color: rgba(9, 87, 255, 0.28);
}

.field select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23515c6f' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
}

@media (max-width: 1100px) {
  .nav.is-open {
    background: var(--color-bg-alt);
  }
}