:root{--romain:"Cinzel","Cormorant Garamond",Georgia,serif}
/* ============================================================
   CLARION STRATUM — da-luxe.css (proposition, non publiée)
   Une typographie qui ressort, des finitions de maison d'édition :
   texte plus dense et plus contrasté, titres gravés, filets d'or ornés,
   boutons au reflet métallique, cartes à double filet, veinage de marbre.
   ============================================================ */

/* ---------- Texte : plus dense, plus net ---------- */
body{
  font-size:1.2rem;font-weight:500;line-height:1.75;letter-spacing:.01em;
  text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  font-feature-settings:"kern","liga","dlig";
  --ivory-dim:#E4DDCC;
}
body.lumiere{--ivory-dim:#2E3B4A;--ivory:#0F2A3E}
body.lumiere .nuit,body.lumiere .hero,body.lumiere .page-hero,body.lumiere .preuve,body.lumiere footer,body.lumiere .band-haut{--ivory-dim:#E4DDCC}
p,li{font-weight:500}
b,strong{font-weight:700;color:var(--ivory)}
.lead{font-size:1.28rem;font-weight:500;line-height:1.8;color:var(--ivory-dim)}

/* ---------- Titres gravés ---------- */
h1,h2{font-family:var(--romain) !important;font-weight:600 !important}
h2{font-size:clamp(2.1rem,5.2vw,3.5rem) !important;letter-spacing:.1em !important;line-height:1.18 !important}
body:not(.lumiere) h2,.lumiere .nuit h2,.lumiere .hero h1{text-shadow:0 2px 18px rgba(0,0,0,.35)}
body.lumiere h2{text-shadow:0 1px 0 #FFFFFF,0 2px 14px rgba(15,42,62,.08)}
h3,h4{font-weight:600}
.kicker{font-size:.78rem !important;font-weight:600 !important;letter-spacing:.44em !important}
.devise{font-size:1.14rem;font-weight:500}
.devise [lang]{font-weight:600}
.gold-text{filter:drop-shadow(0 1px 0 rgba(0,0,0,.08))}

/* ---------- Filet d'or orné (losange au centre) ---------- */
.rule{position:relative;width:120px !important;height:9px !important;margin:26px 0 !important;
  background:linear-gradient(var(--gold),var(--gold)) 0 3px/46px 1px no-repeat,linear-gradient(var(--gold),var(--gold)) 100% 3px/46px 1px no-repeat,
             linear-gradient(var(--gold),var(--gold)) 0 6px/46px 1px no-repeat,linear-gradient(var(--gold),var(--gold)) 100% 6px/46px 1px no-repeat !important}
.rule::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;transform:translate(-50%,-50%) rotate(45deg);
  background:linear-gradient(135deg,#FBEBB8,#D2A84E 55%,#8F6A24);box-shadow:0 0 8px rgba(210,168,78,.45)}
.rule.center,.offre-head .rule,.appel-final .rule,[style*="margin-left:auto"].rule{margin-left:auto !important;margin-right:auto !important}

/* ---------- Boutons : reflet métallique ---------- */
.btn{font-family:var(--romain) !important;letter-spacing:.2em !important;font-weight:600 !important}
.btn-gold{
  background:linear-gradient(180deg,#FBEBB8 0%,#E6C476 38%,#C69A3E 62%,#A77E2F 100%) !important;
  color:#0F2A3E !important;border:1px solid #8F6A24 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 0 rgba(0,0,0,.12),0 10px 26px rgba(143,106,36,.35) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.35);
  position:relative;overflow:hidden;
}
.btn-gold::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .7s ease}
.btn-gold:hover::after{left:130%}
.btn-ghost{border-width:1px !important;backdrop-filter:blur(2px)}

/* ---------- Cartes : double filet d'or, comme une reliure ---------- */
.res-card,.niche,.pricing,.mindset-card,.start-card,.strate-item,.kit article,.panneau,.faq details,.acta,.instagram{
  outline:1px solid rgba(210,168,78,.28);outline-offset:-7px;
}
.lumiere .res-card,.lumiere .niche,.lumiere .pricing,.lumiere .mindset-card,.lumiere .start-card,.lumiere .strate-item,.lumiere .acta,.lumiere .instagram{
  outline-color:rgba(181,138,56,.35);
}

/* ---------- Veinage de marbre très léger sur les fonds clairs ---------- */
body.lumiere{position:relative}
body.lumiere::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.55;
  background:
    radial-gradient(ellipse at 18% 12%,rgba(255,255,255,.9),transparent 45%),
    radial-gradient(ellipse at 85% 70%,rgba(226,214,190,.5),transparent 50%),
    linear-gradient(115deg,transparent 40%,rgba(210,196,170,.18) 47%,transparent 52%),
    linear-gradient(160deg,transparent 62%,rgba(200,188,165,.14) 66%,transparent 70%);
}
body.lumiere .reperes,body.lumiere .mindset,body.lumiere .methode,body.lumiere .fondateur,body.lumiere .contact,
body.lumiere .ressources,body.lumiere .recit,body.lumiere .appel-final,body.lumiere .portes-section,body.lumiere .offre{background:transparent !important}
body.lumiere{background:#F5F1E9}
/* Le mot doré ne prend pas le reflet du titre (sinon il paraît blanc) */
h2 .gold-text,h1 .gold-text{text-shadow:none !important}
body.lumiere .gold-text{background:linear-gradient(135deg,#C9A04A,#A77E2F 50%,#7F5B1C) !important;-webkit-background-clip:text !important;background-clip:text !important;filter:none}
body.lumiere .nuit .gold-text,body.lumiere .hero .gold-text,body.lumiere .page-hero .gold-text,body.lumiere .preuve .gold-text,body.lumiere .band-haut .gold-text{background:linear-gradient(135deg,#F2DFA6,#E2C06F 35%,#C3943A 70%,#8F6A24) !important;-webkit-background-clip:text !important;background-clip:text !important}