/* prestige.css — Thème Prestige (marron mat / velours, sans glow ni bandes) */

:root{
  /* Palette (Prestige) — chaude, mate, pas noire */
  --bg: #201813;            /* fond principal */
  --bg-soft: #2a2019;       /* variation douce */
  --panel: rgba(36, 28, 22, .72);
  --panel-strong: rgba(36, 28, 22, .86);

  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.70);

  /* lignes / contours : ultra discrets (évite l’effet “barres”) */
  --line: rgba(255,255,255,.07);

  /* accent bronze mat */
  --accent: #9b6a37;
  --accent-2: #7e532c;

  --radius: 18px;

  /* ombres : soft (pas de halo / glow) */
  --shadow: 0 10px 32px rgba(0,0,0,.35);
  --shadow-soft: 0 6px 18px rgba(0,0,0,.28);
}

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

/* Fond “papier/velours” : uniquement des radials -> pas de lignes/bandes */
body{
  background-color: var(--bg);
  background-image:
    radial-gradient(1400px 700px at 18% 12%, rgba(155,106,55,.18), transparent 62%),
    radial-gradient(1200px 600px at 86% 18%, rgba(255,255,255,.05), transparent 60%),
    radial-gradient(900px 520px at 50% 92%, rgba(0,0,0,.22), transparent 70%);
  background-attachment: fixed;
}

/* Typo Prestige :
   - Titres en serif (plus “demeure / patrimoine”)
   - Corps en sans (lisible)
   - Poids moins gras */
body, input, button, textarea, select{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 400;
}

h1, h2, h3, .hero-title, .page-title, .section-title, .cta-title{
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 600; /* moins “gras” */
  letter-spacing: .2px;
}

.hero-title{
  font-size: 48px;
  line-height: 1.05;
}

@media (max-width: 860px){
  .hero-title{ font-size: 34px; }
}

/* Header : séparation très légère (pas de grosse barre) */
.site-header{
  background: rgba(32,24,19,.72);
  border-bottom: 1px solid rgba(255,255,255,.06);
  backdrop-filter: blur(10px);
}

/* Cartes / panneaux : matte, pas de glow */
.card, .tile, .panel, .box, .contact-card, .gallery-item{
  background: var(--panel);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-soft);
}

.card:hover, .tile:hover, .panel:hover, .box:hover, .contact-card:hover, .gallery-item:hover{
  border-color: rgba(255,255,255,.10);
}

/* Boutons : bronze mat, sans halo */
.btn, a.btn, button.btn{
  background: linear-gradient(180deg, rgba(155,106,55,.85), rgba(126,83,44,.88));
  color: rgba(255,255,255,.95);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: none;
}

.btn:hover, a.btn:hover, button.btn:hover{
  background: linear-gradient(180deg, rgba(170,120,65,.90), rgba(140,92,50,.92));
}

.btn.outline, a.btn.outline, button.btn.outline{
  background: rgba(36, 28, 22, .35);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.92);
  box-shadow: none;
}

.btn.outline:hover, a.btn.outline:hover, button.btn.outline:hover{
  background: rgba(36, 28, 22, .55);
}

/* Pills / proofs : sobres (pas de glow) */
.proofs li, .pill{
  background: rgba(32,24,19,.42);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.78);
}

/* Hero : velours (sans border-bottom qui fait “ligne”) */
.hero{
  padding: 70px 0;
  background:
    radial-gradient(1200px 520px at 20% 0%, rgba(155,106,55,.20), transparent 62%),
    radial-gradient(900px 460px at 85% 0%, rgba(255,255,255,.04), transparent 62%);
  border-bottom: none;
}

.hero-lead{
  color: var(--muted);
}

/* Image hero : propre, soft */
.hero-image{
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: var(--shadow);
  background-color: rgba(255,255,255,.03);
}

/* Section CTA (le bloc “Accéder à la version Classique”) :
   - pas de borders haut/bas (ça faisait les “lignes”)
   - pas de linear gradient bandé */
.section-cta{
  background:
    radial-gradient(900px 420px at 18% 50%, rgba(155,106,55,.16), transparent 65%),
    rgba(32,24,19,.32);
  border-top: none;
  border-bottom: none;
}

.section-cta .cta-inner{
  background: transparent;
}

/* Page spacing */
.page{
  padding: 40px 0 72px;
}

.page-title{
  margin: 0 0 18px 0;
}

/* Galerie : un peu plus respirant */
.gallery-grid{ gap: 14px; }
.gallery-item .cap{
  color: rgba(255,255,255,.72);
}

/* Liens : discrets */
a{ color: rgba(255,255,255,.90); }
a:hover{ color: rgba(255,255,255,.98); }

/* Footer : pas de grosse barre */
.site-footer{
  border-top: 1px solid rgba(255,255,255,.06);
  background: rgba(32,24,19,.55);
}

@media (max-width: 860px){
  .hero{ padding: 54px 0; }
  .hero-image{ border-radius: 18px; }
}