/* NutraFYI Light Theme Stylesheet */
@layer base {
  html {
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color-scheme: light;
    scroll-behavior: smooth;
  }
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #059669;
}

/* Custom Radio Styling inside Quiz (Light Theme) */
.quiz-option {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.quiz-option:has(input[type="radio"]:checked) {
  border-color: #059669;
  background-color: #f0fdf4;
  box-shadow: 0 0 15px rgba(5, 150, 105, 0.15);
}

/* Modals */
.modal-overlay {
  transition: opacity 0.25s ease-out, visibility 0.25s ease-out;
}

.modal-overlay.active {
  display: flex !important;
  opacity: 1;
}

.modal-box {
  transform: scale(0.96);
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.modal-overlay.active .modal-box {
  transform: scale(1);
}

/* FAQ transitions */
.faq-answer {
  transition: max-height 0.3s ease-out, opacity 0.2s ease-out;
}

/* Typography polish */
h1, h2, h3, h4, h5, h6 {
  letter-spacing: -0.02em;
}

/* Toast animation state */
#toast.show {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}