@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@600;700&family=Inter:wght@400;500;600&display=swap');

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  background: #FBF7EF;
  font-family: 'Inter', sans-serif;
  color: #3A342C;
  -webkit-font-smoothing: antialiased;
}

a { color: #D85A30; }
a:hover { color: #993C1D; }

details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }

@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}

:focus-visible { outline: 2px solid #D85A30; outline-offset: 2px; }

/* Hover utilities */
.hov-nav:hover { background: #FFD9C7; }
.hov-cta:hover { background: #C04E27; }
.hov-play:hover { background: #000; }
.hov-lift:hover { transform: translateY(-2px); }
.hov-text-white:hover { color: #fff; }
.hov-text-dark:hover { color: #3A342C; }
.hov-text-accent:hover { color: #993C1D; }
.hov-pill:hover { background: #FBF7EF; }
.hov-season:hover { background: #FFE6D0; }

/* FAQ chevron */
.faq-chevron { transition: transform 0.2s; display: inline-block; }
details[open] .faq-chevron { transform: rotate(180deg); }

/* Transition for hover lifts */
.hov-lift { transition: transform 0.15s; }

/* Language dropdown */
details .lang-dropdown { display: none; }
details[open] .lang-dropdown { display: flex; }

/* Progress bar animation for /app Android */
@keyframes progress { from { width: 0 } to { width: 100% } }
.progress-bar { animation: progress 2s ease-out forwards; }