/* ==========================================================
   LF Studio — version claire, choisie le 11/11/2026 (se charge APRÈS style.css)
   Même site, mêmes animations : seul le fond passe du noir au crème.
   L'ancienne version sombre est gardée dans sombre.html (pas en ligne).
   ========================================================== */
:root {
  --bg: #f4f1ea;
  --bg-2: #ffffff;
  --bg-3: #faf8f3;
  --ink: #0b0b0c;
  --muted: #6f6b64;
  --line: rgba(11, 11, 12, .14);
  --accent: #c9f45c;
  --accent-ink: #0b0b0c;
}

/* Le vert reste pour les fonds et les surlignages ; en texte il serait illisible sur du clair,
   donc les mots d'accent passent à l'encre avec un trait de surligneur vert. */
.section-title em, .manifesto__text em, .contact__title em, .footer__slogan em {
  color: var(--ink);
  background: linear-gradient(transparent 58%, var(--accent) 58%, var(--accent) 92%, transparent 92%);
}
.footer__brand em, .pack__num, .form__note.is-ok { color: var(--ink); }
.link-roll span::after { color: var(--muted); }

/* ---------- Haut de page ---------- */
.nav.is-scrolled { background: rgba(244, 241, 234, .78); }
.hero__kicker { background: rgba(255, 255, 255, .6); }
.hero__sub { color: rgba(11, 11, 12, .75); }
.hero__wall img, .wall__col img { filter: none; box-shadow: 0 30px 60px -24px rgba(11, 11, 12, .35); border-color: rgba(11, 11, 12, .1); }
.hero::after {
  background: linear-gradient(90deg, var(--bg) 0%, rgba(244, 241, 234, .94) 34%, rgba(244, 241, 234, .5) 62%, rgba(244, 241, 234, .1) 100%),
              linear-gradient(0deg, var(--bg) 0%, transparent 35%),
              linear-gradient(180deg, rgba(244, 241, 234, .8) 0%, transparent 18%);
}
.hero__glow { background: radial-gradient(circle, rgba(201, 244, 92, .45), transparent 60%); }
.marquee__row .o { -webkit-text-stroke-color: rgba(11, 11, 12, .55); }
.cursor__ring { border-color: rgba(11, 11, 12, .35); }
.grain { opacity: .05; mix-blend-mode: multiply; }

/* ---------- Les cartes de projets gardent leur couleur sombre : leur texte reste clair ---------- */
.scard { color: #f3f0ea; }
.scard .btn--light { background: #f3f0ea; color: #0b0b0c; }
.scard .btn--ghost { color: #f3f0ea; border-color: rgba(243, 240, 234, .22); }
.scard .btn--ghost::before { background: #f3f0ea; }
.scard .btn--ghost:hover { color: #0b0b0c; }
.badge { color: #f3f0ea; }
.filter { color: rgba(11, 11, 12, .7); }
.filter:hover { border-color: rgba(11, 11, 12, .4); }

/* ---------- Packs ---------- */
.pack { box-shadow: 0 20px 50px -30px rgba(11, 11, 12, .25); }
.pack:hover { border-color: var(--ink); background: var(--bg-2); }
.pack__text { color: rgba(11, 11, 12, .7); }
.pack--star .btn { background: var(--ink); color: var(--bg); }
.pack--star .btn::before { background: #ffffff; }
.pack--star .btn:hover { color: var(--ink); }

/* ---------- Méthode et services : blanc, pour alterner avec le crème ---------- */
.method, .services { background: #ffffff; color: var(--ink); }
.method .eyebrow, .services .eyebrow { color: var(--muted); }
.method .section-title em, .services .section-title em { color: var(--ink); }
.step::before { background: var(--ink); }
.service { background: var(--bg); }
.service::before { background: var(--ink); }
.service:hover { color: #f3f0ea; }

/* ---------- Contact et pied de page ---------- */
.contact__glow { background: radial-gradient(circle, rgba(201, 244, 92, .5), transparent 60%); }

/* ---------- Fiche projet : fond à la couleur du projet, donc texte clair ---------- */
.case { color: #f3f0ea; }
.case__close { background: #f3f0ea; }
.case__close span { background: #0b0b0c; }
.case .btn--accent::before { background: #f3f0ea; }

@media (max-width: 720px) {
  .hero::after { background: linear-gradient(0deg, var(--bg) 12%, rgba(244, 241, 234, .82) 60%, rgba(244, 241, 234, .55)); }
}