/* ═══════════════════════════════════════════════════
   MEGÈVE — SKIN ÉPICÉA
   Vert forêt alpine profond · Accents cuivre & or
   ═══════════════════════════════════════════════════ */

:root {
  --noir:        #0c1610;   /* vert sapin très foncé             */
  --noir-mid:    #111e15;   /* vert forêt                        */
  --noir-soft:   #162318;   /* vert un peu plus clair            */
  --or:          #b88840;   /* cuivre doré                       */
  --or-light:    #d0a858;   /* or chaud                          */
  --or-pale:     #e8cc88;   /* or pâle                           */
  --blanc:       #eeeae0;   /* blanc crème chaud                 */
  --gris:        #708868;   /* vert grisé                        */
  --gris-light:  #a0b898;   /* vert clair                        */
}

body { background: var(--noir); color: var(--blanc); }

/* ─── NAV ─── */
nav {
  background: linear-gradient(to bottom, rgba(12,22,16,0.97) 0%, rgba(12,22,16,0) 100%);
}
nav.scrolled {
  background: rgba(12,22,16,0.98);
  box-shadow: 0 1px 30px rgba(0,20,5,0.4);
}
.nav-links a { color: var(--gris-light); }
.nav-links a:hover { color: var(--or-light); }
.lang-btn { border-color: var(--gris); color: var(--gris-light); }
.lang-btn.active, .lang-btn:hover {
  border-color: var(--or); color: var(--or);
  background: rgba(184,136,64,0.1);
}

/* ─── HERO ─── */
.hero-bg {
  background:
    linear-gradient(135deg, rgba(8,16,10,0.8) 0%, rgba(8,16,10,0.3) 50%, rgba(8,16,10,0.65) 100%),
    linear-gradient(to bottom, rgba(8,16,10,0.15) 0%, rgba(8,16,10,0.9) 100%);
}
/* Forêt alpine de nuit — épicéas sombres, neige */
.hero-mountain {
  background:
    radial-gradient(ellipse 120% 80% at 60% 30%, #1a3020 0%, transparent 60%),
    radial-gradient(ellipse 80%  60% at 80% 20%, #122818 0%, transparent 50%),
    radial-gradient(ellipse 100% 90% at 30% 40%, #182e1e 0%, transparent 60%),
    linear-gradient(160deg, #081408 0%, #122018 30%, #081408 60%, #060e06 100%);
}
/* Neige légèrement verte/froide */
.hero-mountain::before {
  background:
    radial-gradient(ellipse 30% 20% at 65% 10%, rgba(220,240,220,0.18) 0%, transparent 70%),
    radial-gradient(ellipse 20% 15% at 80%  8%, rgba(220,240,220,0.14) 0%, transparent 70%),
    radial-gradient(ellipse 40% 25% at 40% 12%, rgba(220,240,220,0.10) 0%, transparent 70%);
}
/* Étoiles chaleureuses */
.hero-mountain::after {
  background:
    radial-gradient(1px 1px at 20% 10%, rgba(255,240,200,0.6) 0%, transparent 100%),
    radial-gradient(1px 1px at 45%  7%, rgba(255,240,200,0.4) 0%, transparent 100%),
    radial-gradient(2px 2px at 70%  5%, rgba(255,255,255,0.7) 0%, transparent 100%),
    radial-gradient(1px 1px at 88%  9%, rgba(255,240,200,0.5) 0%, transparent 100%),
    radial-gradient(1px 1px at 12% 20%, rgba(255,240,200,0.3) 0%, transparent 100%);
}

.hero-title { color: var(--blanc); }
.hero-title em { color: var(--or-light); }
.hero-sub { color: var(--gris-light); }
.stat { border-left-color: var(--or); }
.stat-num { color: var(--or-light); }
.stat-label { color: var(--gris); }
.scroll-indicator span { color: var(--gris); }
.scroll-line { background: linear-gradient(to bottom, var(--or), transparent); }

/* ─── SECTIONS ─── */
.section-title { color: var(--blanc); }
.section-title em { color: var(--or-light); }
.section-eyebrow { color: var(--or); }
.section-intro { color: var(--gris-light); }
.gold-line { background: var(--or); }
.cta-btn { border-color: var(--or); color: var(--or); }
.cta-btn:hover { background: var(--or); color: var(--noir); }

/* ─── RAISONS ─── */
#raisons { background: var(--noir-mid); }
.raisons-grid { border-color: rgba(184,136,64,0.15); }
.raison-item {
  border-right-color:  rgba(184,136,64,0.12);
  border-bottom-color: rgba(184,136,64,0.12);
}
.raison-item::before { background: linear-gradient(135deg, rgba(184,136,64,0.06) 0%, transparent 60%); }
.raison-num   { color: rgba(184,136,64,0.2); }
.raison-title { color: var(--or-light); }
.raison-text  { color: var(--gris-light); }

/* ─── GALERIE ─── */
#galerie { background: var(--noir-soft); }
.galerie-img-placeholder { border-color: rgba(184,136,64,0.18); color: var(--gris); }
.galerie-item:hover .galerie-img-placeholder { border-color: rgba(184,136,64,0.45); }
.g-house    .galerie-img-placeholder { background: linear-gradient(160deg, #142018 0%, #0c1810 50%, #0a1408 100%); }
.g-mountain .galerie-img-placeholder { background: linear-gradient(160deg, #101c18 0%, #0c1814 50%, #081210 100%); }
.g-3d       .galerie-img-placeholder { background: linear-gradient(160deg, #1e1808 0%, #181208 50%, #100c08 100%); }
.galerie-label { color: var(--or-light); }
.galerie-btn { border-color: rgba(184,136,64,0.32); color: var(--or); }
.galerie-btn:hover { background: var(--or); color: var(--noir); }

/* ─── POTENTIEL ─── */
#potentiel { background: var(--noir-mid); }
.chiffre-item   { border-bottom-color: rgba(184,136,64,0.12); }
.chiffre-val    { color: var(--or-light); }
.chiffre-val span { color: var(--gris); }
.chiffre-desc   { color: var(--gris-light); }
.chiffre-desc strong { color: var(--blanc); }
.potentiel-note {
  background: rgba(184,136,64,0.06);
  border-color: rgba(184,136,64,0.22);
  border-left-color: var(--or);
}
.potentiel-note p      { color: var(--gris-light); }
.potentiel-note strong { color: var(--or-light); }

/* ─── VISION ─── */
#vision { background: var(--noir-soft); }
#vision::before { background: radial-gradient(ellipse 80% 80% at 80% 50%, rgba(184,136,64,0.04) 0%, transparent 70%); }
.vision-disclaimer { color: var(--gris); }

/* ─── LOCALISATION ─── */
#localisation { background: var(--noir); }
#map { filter: grayscale(20%) brightness(0.75) hue-rotate(100deg) contrast(1.1) !important; border-color: rgba(184,136,64,0.18) !important; }
.dist-item  { border-bottom-color: rgba(184,136,64,0.12); }
.dist-name  { color: var(--gris-light); }
.dist-val   { color: var(--or-light); }

/* ─── CONTACT ─── */
#contact { background: var(--noir-mid); }
.form-label { color: var(--gris); }
.form-input, .form-select, .form-textarea {
  background: rgba(255,255,255,0.03);
  border-bottom-color: rgba(184,136,64,0.28);
  color: var(--blanc);
}
.form-input:focus, .form-select:focus, .form-textarea:focus { border-bottom-color: var(--or); }
.form-select option { background: var(--noir-mid); color: var(--blanc); }
.form-submit { border-color: var(--or); color: var(--or); }
.form-submit:hover { background: var(--or); color: var(--noir); }
.confidential-note { border-color: rgba(184,136,64,0.18); background: rgba(184,136,64,0.04); }
.confidential-note p { color: var(--gris); }

/* ─── FOOTER ─── */
footer { background: var(--noir); border-top-color: rgba(184,136,64,0.12); }
.footer-logo { color: var(--or); }
.footer-copy { color: var(--gris); }