/* Les Rêves de Lucie — styles complémentaires (au-dessus de Tailwind Play CDN) */
:root {
  --color-primary: #1F3D2B;
  --color-primary-light: #2E573D;
  --color-secondary: #7BA05B;
  --color-accent: #C9A227;
  --color-accent-soft: #EFE3C4;
  --color-bg: #F7F3EA;
  --color-surface: #FFFFFF;
  --color-text: #26302A;
  --color-muted: #5C6B60;
}

html { scroll-behavior: smooth; }

body { background-color: var(--color-bg); color: var(--color-text); }

/* Reveal au scroll */
.reveal { opacity: 0; transform: translateY(12px); transition: opacity .5s ease-out, transform .5s ease-out; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
}

/* Cartes */
.card-lift { transition: transform .25s ease, box-shadow .25s ease; }
.card-lift:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(31, 61, 43, .14); }

/* Focus visible cohérent */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

/* Dropdown desktop */
.nav-item { position: relative; }
.nav-dropdown {
  position: absolute; top: 100%; left: 0; min-width: 15rem;
  background: var(--color-surface); border-radius: .9rem; padding: .5rem;
  box-shadow: 0 14px 34px rgba(31, 61, 43, .16);
  border: 1px solid rgba(31, 61, 43, .08);
  opacity: 0; visibility: hidden; transform: translateY(6px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s;
  z-index: 50;
}
.nav-item:hover .nav-dropdown, .nav-item:focus-within .nav-dropdown {
  opacity: 1; visibility: visible; transform: translateY(0);
}

/* Simulateur */
.result-box { border: 1px solid rgba(31,61,43,.12); }
.range-accent { accent-color: var(--color-accent); }