/* ═══════════════════════════════════════════════
   LAZULIA · Thème clair (Ivoire & Or)
   Surcharge de style.css — à charger APRÈS
   ═══════════════════════════════════════════════ */

:root {
  --navy: #fbf9f6;
  --navy-2: #f4f0e9;
  --navy-3: #efe9df;
  --gold: #a5822f;
  --gold-light: #8a6d24;
  --gold-deep: #bfa25a;
  --ink: #1a2030;
  --ink-soft: #4d5266;
  --ink-dim: #a09a8b;
  --lazulia-blue: #1b2a52;
  --lazulia-blue-soft: #2a3f6e;
}

body { background: var(--navy); color: var(--ink); }
::selection { background: var(--gold); color: #fff; }

/* ─────────── PRELOADER ─────────── */
.preloader-panel { background: #f3efe7; }
.pl-moon { stroke: #a5822f; }
.pl-crystal { stroke: #8a6d24; }
.preloader-word { color: #8a6d24; }
.preloader-count { color: #9a917f; }

/* ─────────── NAV ─────────── */
.nav.is-scrolled {
  background: rgba(250, 247, 242, .72);
  border-bottom: 1px solid rgba(165, 130, 47, .14);
}
.nav-word { color: var(--ink); }
.nav-links a { color: var(--ink-soft); }
.nav-links a:hover { color: var(--gold); }
.nav-links a::after { background: var(--gold); }
.nav-burger span { background: var(--ink); }

/* ─────────── HERO (reste sombre navy pour le motion immersif) ─────────── */
.hero {
  background: radial-gradient(ellipse 80% 60% at 50% 40%, #1b2a52 0%, #131c38 55%, #0b0f1e 100%);
}
.hero-eyebrow { color: var(--gold); }
.hero-title { color: #f0ece4; }
.ht-italic { color: var(--gold); }
.hero-sub { color: rgba(240,236,228,.72); }
.hero-hint-line { background: var(--gold-deep); }
.hero-hint-txt { color: rgba(240,236,228,.45); }
.hero-scroll { border-color: rgba(200,164,92,.4); }
.hero-scroll span { background: var(--gold); }
.hero .btn-ghost { color: #e8c97a; border-color: rgba(200,164,92,.45); }
.hero .btn-ghost:hover { color: var(--lazulia-blue); }
.hero::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 140px;
  background: linear-gradient(180deg, transparent 0%, var(--navy) 100%);
  pointer-events: none; z-index: 4;
}
.hero-content, .hero-hint, .hero-scroll { z-index: 5; }

/* ─────────── BOUTONS ─────────── */
.btn-gold { color: #fff; }
.btn-gold::before { background: linear-gradient(120deg, #8a6d24, #a5822f, #c9a94e, #a5822f); background-size: 220% 100%; }
.btn-ghost { color: var(--gold); border-color: rgba(165,130,47,.45); }
.btn-ghost::before { background: var(--gold); }
.btn-ghost:hover { color: #fff; }

/* ─────────── SECTIONS ─────────── */
.eyebrow { color: var(--gold); }
.section-title { color: var(--lazulia-blue); }
.section-sub { color: var(--ink-soft); }
.manifesto-text { color: var(--lazulia-blue); }
.ht-italic { color: var(--gold); }

/* ─────────── MARQUEE ─────────── */
.marquee { border-top-color: rgba(165,130,47,.16); border-bottom-color: rgba(165,130,47,.16); }
.marquee-track span { color: var(--ink-soft); }
.marquee-track i { color: var(--gold); }

/* ─────────── COLLECTIONS ─────────── */
.coll-item { border-top-color: rgba(165,130,47,.18); }
.coll-item:last-child { border-bottom-color: rgba(165,130,47,.18); }
.coll-index { color: var(--gold-deep); }
.coll-name { color: var(--ink); }
.coll-item:hover .coll-name { color: var(--gold); }
.coll-item:hover .coll-index { color: var(--gold); }
.coll-desc { color: var(--ink-soft); }
.coll-cta { color: var(--gold); }
.coll-thumb { box-shadow: 0 14px 34px rgba(28,34,51,.16); }
.coll-item:hover .coll-thumb { box-shadow: 0 24px 50px rgba(28,34,51,.24); }

/* ─────────── GALERIE ─────────── */
.hslide-note { color: var(--ink-dim); }
.hcard-img::after { background: linear-gradient(180deg, transparent 55%, rgba(28,34,51,.4) 100%); }
.hcard-name { color: var(--ink); }
.hcard-tag { color: var(--gold); }

/* ─────────── RITUEL ─────────── */
.ritual { background: linear-gradient(180deg, var(--navy) 0%, var(--navy-2) 50%, var(--navy) 100%); }
.ritual-box {
  border-color: rgba(165,130,47,.25);
  background: rgba(255,255,255,.6);
  box-shadow: 0 30px 60px rgba(28,34,51,.06);
}
.ritual-progress { background: rgba(165,130,47,.15); }
.ritual-progress span { background: linear-gradient(90deg, #bfa25a, #a5822f); }
.ritual-q { color: var(--ink); }
.ritual-opt { border-color: rgba(165,130,47,.3); color: var(--ink-soft); }
.ritual-opt:hover { border-color: var(--gold); color: var(--gold); background: rgba(165,130,47,.07); }
.ritual-result-label { color: var(--gold); }
.ritual-result-name { color: var(--gold); }
.ritual-result-desc { color: var(--ink-soft); }
.ritual-result-glow { background: radial-gradient(circle, rgba(165,130,47,.14) 0%, transparent 65%); }

/* ─────────── HISTOIRE ─────────── */
.story-media-frame { border-color: rgba(165,130,47,.35); }
.story-text { color: var(--ink-soft); }

/* ─────────── CONTACT ─────────── */
.contact-card {
  border-color: rgba(165,130,47,.2);
  background: rgba(255,255,255,.55);
}
.contact-card:hover { border-color: rgba(165,130,47,.5); background: #fff; }
.contact-ico { color: var(--gold); }
.contact-card h3 { color: var(--ink); }
.contact-card p { color: var(--ink-soft); }

/* ─────────── FOOTER ─────────── */
.footer { border-top-color: rgba(27,42,82,.14); background: var(--lazulia-blue); }
.footer-giant span {
  background: linear-gradient(180deg, rgba(200,164,92,.55) 0%, rgba(200,164,92,.05) 90%);
  -webkit-background-clip: text; background-clip: text;
}
.footer-col p, .footer-col a { color: rgba(240,236,228,.65); }
.footer-col a:hover { color: var(--gold-light); }
.footer-head { color: var(--gold) !important; }
.footer-logo { filter: brightness(1.6); }
.footer-base { border-top-color: rgba(200,164,92,.14); color: rgba(240,236,228,.4); }
.footer-credit a { color: var(--gold-light); }

/* ─────────── CHATBOT ─────────── */
.chat {
  background: rgba(255,255,255,.9);
  border-color: rgba(165,130,47,.28);
  box-shadow: 0 30px 80px rgba(28,34,51,.18);
}
.chat-head { border-bottom-color: rgba(165,130,47,.16); }
.chat-avatar { background: linear-gradient(135deg, #8a6d24, #c9a94e); color: #fff; }
.chat-name { color: var(--ink); }
.chat-status { color: var(--ink-dim); }
.chat-close { color: var(--ink-dim); }
.chat-close:hover { color: var(--ink); }
.chat-msg.bot { background: #f3efe7; border-color: rgba(165,130,47,.16); color: var(--ink); }
.chat-msg.user { background: linear-gradient(135deg, #8a6d24, #c9a94e); color: #fff; }
.chat-msg.typing i { background: var(--gold); }
.chat-chip { border-color: rgba(165,130,47,.35); color: var(--gold); }
.chat-chip:hover { background: rgba(165,130,47,.1); border-color: var(--gold); }
.chat-form { border-top-color: rgba(165,130,47,.16); }
.chat-form input { background: #f3efe7; border-color: rgba(165,130,47,.2); color: var(--ink); }
.chat-form input:focus { border-color: var(--gold); }
.chat-form input::placeholder { color: var(--ink-dim); }
.chat-form button { background: linear-gradient(135deg, #8a6d24, #c9a94e); color: #fff; }
.chat-fab { background: linear-gradient(135deg, #8a6d24, #c9a94e); color: #fff; }
.chat-fab-pulse { border-color: var(--gold); }

/* ─────────── MOBILE ─────────── */
@media (max-width: 900px) {
  .nav-links { background: rgba(250,247,242,.97); }
}