/* ═══════════════════════════════════════════════════
   MEGÈVE — SKIN PIERRE
   Gris pierre clair · Tons calcaire & charbon
   Élégance minérale, contemporain luxe
   ═══════════════════════════════════════════════════ */

:root {
  --noir:        #eceae4;   /* fond pierre très clair            */
  --noir-mid:    #e2deda;   /* fond pierre clair medium          */
  --noir-soft:   #d8d4ce;   /* fond pierre medium                */
  --or:          #6a5020;   /* or brun soutenu                   */
  --or-light:    #7a6030;   /* or pierre                         */
  --or-pale:     #9a7c42;   /* or classique                      */
  --blanc:       #0a0704;   /* quasi-noir — contraste maximal    */
  --gris:        #2e2418;   /* gris très foncé — labels lisibles */
  --gris-light:  #14100a;   /* presque noir — corps de texte     */
}

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

/* ─── NAV ─── */
nav {
  background: linear-gradient(to bottom, rgba(236,234,228,0.98) 0%, rgba(236,234,228,0) 100%);
}
nav.scrolled {
  background: rgba(236,234,228,0.99);
  box-shadow: 0 1px 20px rgba(0,0,0,0.09);
}
.nav-links a { color: var(--gris); }
.nav-links a:hover { color: var(--or); }
.lang-btn { border-color: var(--gris); color: var(--gris); }
.lang-btn.active, .lang-btn:hover {
  border-color: var(--or); color: var(--or);
  background: rgba(122,96,48,0.08);
}

/* ─── HERO ─── */
.hero-bg {
  background:
    linear-gradient(135deg, rgba(236,234,228,0.42) 0%, rgba(236,234,228,0.08) 50%, rgba(236,234,228,0.35) 100%),
    linear-gradient(to bottom, rgba(236,234,228,0.05) 0%, rgba(236,234,228,0.70) 100%);
}
/* Matin d'automne alpin — calcaire, lumière dorée rasante */
.hero-mountain {
  background:
    radial-gradient(ellipse 120% 80% at 60% 30%, #b8b0a0 0%, transparent 60%),
    radial-gradient(ellipse 80%  60% at 80% 20%, #a8a090 0%, transparent 50%),
    radial-gradient(ellipse 100% 90% at 30% 40%, #b0a898 0%, transparent 60%),
    linear-gradient(160deg, #908878 0%, #a89888 30%, #908878 60%, #c0b8a8 100%);
}
/* Neige calcaire */
.hero-mountain::before {
  background:
    radial-gradient(ellipse 30% 20% at 65% 10%, rgba(255,252,248,0.88) 0%, transparent 70%),
    radial-gradient(ellipse 20% 15% at 80%  8%, rgba(255,252,248,0.82) 0%, transparent 70%),
    radial-gradient(ellipse 40% 25% at 40% 12%, rgba(255,252,248,0.75) 0%, transparent 70%);
}
/* Lumière dorée de matin — pas d'étoiles */
.hero-mountain::after {
  background: linear-gradient(to bottom,
    rgba(220,190,140,0.35) 0%,
    rgba(240,220,180,0.15) 25%,
    transparent 50%
  );
}

.hero-title { color: #0a0704; }
.hero-title em { color: var(--or); }
.hero-sub { color: var(--gris-light); }
.stat { border-left-color: var(--or); }
.stat-num { color: var(--or); }
.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); }
.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(122,96,48,0.20); }
.raison-item {
  border-right-color:  rgba(122,96,48,0.15);
  border-bottom-color: rgba(122,96,48,0.15);
}
.raison-item::before { background: linear-gradient(135deg, rgba(122,96,48,0.07) 0%, transparent 60%); }
.raison-num   { color: rgba(122,96,48,0.20); }
.raison-title { color: var(--or); }
.raison-text  { color: var(--gris-light); }

/* ─── GALERIE ─── */
#galerie { background: var(--noir-soft); }
.galerie-img-placeholder { border-color: rgba(122,96,48,0.22); color: var(--gris); }
.galerie-item:hover .galerie-img-placeholder { border-color: rgba(122,96,48,0.50); }
.g-house    .galerie-img-placeholder { background: linear-gradient(160deg, #c0b8a8 0%, #b4aca0 50%, #ccc4b8 100%); }
.g-mountain .galerie-img-placeholder { background: linear-gradient(160deg, #b8c0c4 0%, #acb8c0 50%, #c4ccd0 100%); }
.g-3d       .galerie-img-placeholder { background: linear-gradient(160deg, #c8bc9c 0%, #bcb090 50%, #d4c8a8 100%); }
.galerie-label { color: var(--or); }
.galerie-btn { border-color: rgba(122,96,48,0.36); color: var(--or); }
.galerie-btn:hover { background: var(--or); color: var(--noir); }

/* ─── POTENTIEL ─── */
#potentiel { background: var(--noir-mid); }
.chiffre-item   { border-bottom-color: rgba(122,96,48,0.15); }
.chiffre-val    { color: var(--or); }
.chiffre-val span { color: var(--gris); }
.chiffre-desc   { color: var(--gris-light); }
.chiffre-desc strong { color: var(--blanc); }
.potentiel-note {
  background: rgba(122,96,48,0.07);
  border-color: rgba(122,96,48,0.26);
  border-left-color: var(--or);
}
.potentiel-note p      { color: var(--gris-light); }
.potentiel-note strong { color: var(--or); }

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

/* ─── LOCALISATION ─── */
#localisation { background: var(--noir); }
#map { filter: sepia(20%) brightness(1.05) contrast(0.98) !important; border-color: rgba(122,96,48,0.2) !important; }
.dist-item  { border-bottom-color: rgba(122,96,48,0.15); }
.dist-name  { color: var(--gris-light); }
.dist-val   { color: var(--or); }

/* ─── CONTACT ─── */
#contact { background: var(--noir-mid); }
.form-label { color: var(--gris); }
.form-input, .form-select, .form-textarea {
  background: rgba(0,0,0,0.04);
  border-bottom-color: rgba(122,96,48,0.32);
  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(122,96,48,0.20); background: rgba(122,96,48,0.05); }
.confidential-note p { color: var(--gris); }

/* ─── FOOTER ─── */
footer { background: var(--noir); border-top-color: rgba(122,96,48,0.15); }
.footer-logo { color: var(--or); }
.footer-copy { color: var(--gris); }

/* ─── LIGHTBOX — reste sombre ─── */
#lightbox { background: rgba(12,8,4,0.96) !important; }

/* Hero — pas de photo sur fond clair */
.hero-photo  { display: none; }
.hero-mountain { display: block; }