/* ════════ PILOTE ÉDITORIAL — "mix fondu · ciel & rouille" ════════
   Chargé APRÈS le <style> de chaque page → override le thème clair.
   Pages forcées en clair via inline script (data-theme=light). */
[data-theme="light"]{
  --brand:#c1783c; --brand-dk:#a8632c;          /* rouille */
  --bg:#f6f2ea; --surface:#fffdf8; --surface2:#fbf8f1;
  --border:rgba(42,59,84,.12); --text:#241f1a; --muted:#9a8f80;
}
body{font-family:'Inter',sans-serif}
/* titres en serif éditorial */
.h-title{font-family:'Fraunces',serif !important;color:var(--text) !important;font-size:1.02rem;font-weight:600}
h1,h2,h3,.card-label,.section-title,.toggle-title{font-family:'Fraunces',serif !important;letter-spacing:-.01em}
.card-label{font-weight:600 !important;color:#2a3b54 !important;font-size:.8rem !important;text-transform:none !important;letter-spacing:0 !important}
/* logo & accents navy→rouille */
.h-logo{background:linear-gradient(135deg,#2a3b54,#c1783c) !important}
.btn-primary{background:#2a3b54 !important;color:#fff !important}
.btn-primary:hover{filter:brightness(.95)}
/* cartes fondues : moins de relief, hairlines */
.card{box-shadow:none !important;border-color:var(--border) !important;background:var(--surface) !important}
/* liens nav */
.nav-item.active{color:#c1783c !important}
/* chiffres clés en serif */
.stat-val,.big-num,.kpi{font-family:'Fraunces',serif !important;color:#2a3b54}

/* ════════ PUSH LAYOUT ÉDITORIAL (toutes pages) ════════ */
/* titres de section / carte en serif navy */
.card-title,.sectitle,.section-title,.panel-title,.toggle-title,.accord-title,.step-title,.dp-title,.logo-title{
  font-family:'Fraunces',serif !important;color:#2a3b54 !important;letter-spacing:-.01em !important;font-weight:600 !important}
.modal-title{font-family:'Fraunces',serif !important;color:#2a3b54 !important;font-weight:600 !important}
/* gros chiffres serif navy (valeurs uniquement, pas labels) */
.stat-val,.big-num,.kpi-val,.kpi-num,.kpi .val,.kpi-value{
  font-family:'Fraunces',serif !important;color:#2a3b54 !important;font-weight:500 !important}
/* labels de stat : sans-serif discret */
.stat-label,.kpi-label,.kpi .lbl{font-family:'Inter',sans-serif !important;text-transform:uppercase;letter-spacing:.08em;font-size:.66rem !important;color:#9a8f80 !important;font-weight:700 !important}

/* tables éditoriales : hairlines + en-têtes discrets */
[data-theme="light"] table{border-collapse:collapse}
[data-theme="light"] th{
  text-transform:uppercase !important;letter-spacing:.08em !important;font-size:.66rem !important;font-weight:700 !important;
  color:#9a8f80 !important;border-bottom:1px solid rgba(42,59,84,.14) !important;background:transparent !important;padding:8px 10px !important}
[data-theme="light"] td{border-color:rgba(42,59,84,.10) !important}
[data-theme="light"] thead tr{background:transparent !important;border:none !important}
[data-theme="light"] tr:hover td{background:rgba(193,120,60,.05) !important}

/* cartes fondues : hairline crème, plus aérées */
[data-theme="light"] .card,[data-theme="light"] .card-glass{
  box-shadow:none !important;border:1px solid rgba(42,59,84,.12) !important;background:#fffdf8 !important;border-radius:14px !important}

/* en-tête de page : eyebrow rouille via .h-title sibling — accent sur titre principal */
[data-theme="light"] h1,[data-theme="light"] .page-title{
  font-family:'Fraunces',serif !important;color:#2a3b54 !important;letter-spacing:-.02em !important;font-weight:400 !important}

/* boutons fantômes plus sobres */
[data-theme="light"] .btn-ghost{background:#f1ede4 !important;color:#6a6055 !important;border-color:transparent !important}
[data-theme="light"] .btn-ghost:hover{background:#e9e3d6 !important}

/* liseré multicolore éditorial en pied de page */
body::after{content:"";display:block;height:6px;
  background:linear-gradient(90deg,#2a3b54 0 25%,#7bbf9a 25% 50%,#c1783c 50% 75%,#bcd6e8 75% 100%)}

/* ════════ HERO ÉDITORIAL (composant réutilisable .eh) ════════ */
.eh{position:relative;padding:34px 4px 24px;margin-bottom:8px;overflow:hidden}
.eh .lines{position:absolute;inset:0;opacity:.08;pointer-events:none;
  background:repeating-linear-gradient(120deg,transparent 0 64px,rgba(193,120,60,.6) 64px 65px),
            repeating-linear-gradient(40deg,transparent 0 84px,rgba(193,120,60,.4) 84px 85px)}
.eh>*{position:relative;z-index:2}
.eh-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#a8632c;margin-bottom:8px}
.eh-eyebrow .o{width:10px;height:10px;border:2px solid #c1783c;border-radius:50%}
.eh-h1{font-family:'Fraunces',serif !important;font-weight:400 !important;font-size:clamp(1.9rem,4.5vw,2.9rem) !important;line-height:1.05 !important;letter-spacing:-.02em !important;color:#2a3b54 !important;margin:0 !important}
.eh-h1 em{font-style:italic;color:#c1783c}
.eh-lead{max-width:520px;color:#6a6055;font-size:.92rem;margin:14px 0 0;line-height:1.55}

/* login éditorial */
[data-theme="light"] .logo-icon{background:linear-gradient(135deg,#2a3b54,#c1783c) !important}
.logo-title{font-family:'Fraunces',serif !important;font-weight:400 !important;font-size:1.9rem !important;color:#2a3b54 !important;letter-spacing:-.02em !important}
.logo-title em{font-style:italic;color:#c1783c}
.logo-sub{color:#9a8f80 !important;font-family:'Inter',sans-serif !important}