/* Thème de la niche FINANCE (assurance de personnes, emprunteur, patrimoine). Créé le 24/10/2026 en BORDEAUX et CHAMPAGNE,
   pour se distinguer des trois autres : vert (énergie, teinte vers 150°), prune et ocre (formation, vers 290°), bleu nuit et abricot (services, vers 220°).
   Le bordeaux (vers 340°) dit le sérieux et la confiance d'un cabinet ; le champagne, la valeur.
   Mêmes noms de jetons et mêmes rôles que theme-energie.css : seules les valeurs changent.
   Contrastes (WCAG AA, calculés le 24/10) : encre/papier 15,6 · ink-3/papier 6,9 · ink-3/papier-2 6,0 · accent-text/papier 9,6 ·
   texte du bouton clair 10,2 · texte nuit/nuit 15,7 · night-text-2/nuit 11,6 · night-muted/nuit 6,9 (5,6 sur night-3) ·
   accent-night/nuit 10,9 · texte du bouton sombre 11,0. --accent (#b8863b) reste décoratif : jamais pour du texte. */

:root{
  color-scheme:light;
  --paper:#f5f0ed;
  --paper-2:#ebe3df;
  --surface:#fcfaf8;
  --ink:#231319;
  --ink-rgb:35 19 25;
  --ink-2:#44303a;
  --ink-3:#5f4a52;
  --line:#ded2cd;
  --line-strong:#c4b3ad;

  --accent:#b8863b;
  --accent-text:#7b1e3a;
  --on-accent:#1f0a12;
  --focus:#7b1e3a;

  --signal:#e6c887;
  --logo-mark:#231319;
  --niche-border:#cfa9b3;

  --cta-bg:#7b1e3a;
  --cta-fg:#fcf6f2;
  --cta-fill:#231319;
  --cta-fg-hover:#fcf6f2;
  --cta-icon-bg:#ffffff26;

  --night:#2a0f1a;
  --night-rgb:42 15 26;
  --night-2:#351522;
  --night-3:#3f1b2a;
  --night-line:#5a2c3f;
  --night-text:#f7efe9;
  --night-text-2:#dccbc9;
  --night-muted:#b79fa3;
  --accent-night:#e6c887;
  --accent-night-rgb:230 200 135;
  --cta-night-bg:#e6c887;
  --cta-night-fg:#1f0a12;
  --cta-night-fill:#f7efe9;
  --cta-night-fg-hover:#1f0a12;
  --cta-night-icon-bg:#1f0a121f;

  --phone-body:#1a080f;
  --phone-edge:#5a2c3f;
  --motif-opacity:.9;
  --radius-zone:#e6c887;
  --dot-other:#8a6b75;

  /* Fonds clairs teintés (agenda, après, démonstrations) : rose poudré très clair, sous les mêmes noms de jetons */
  --mint:#f3e6e3;
  --mint-2:#ecd5d1;
  --mint-line:#dcc0ba;
  --tag-sun:#f2dfae;
  --tag-heat:#e9cdd4;
  --tag-iso:#d9e1ea;
  --tag-wood:#e5dccb;
  --lost:#9a3b22;
  --lost-bg:#f3e3dc;
  --ok-bg:#7b1e3a;
  --ok-fg:#fcf6f2;
}

.hero::before{background-image:url(images/motif-finance.svg)}

/* Étiquettes de métier (les quatre onglets) */
.t-pat{background:var(--tag-sun)}
.t-mut{background:var(--tag-heat)}
.t-emp{background:var(--tag-iso)}
.t-prev{background:var(--tag-wood)}

/* base.css garde une pulsation verte en dur (@keyframes ping) : redéfinie aux couleurs de la niche */
@keyframes ping{0%{box-shadow:0 0 0 0 rgb(230 200 135 / .5)}100%{box-shadow:0 0 0 10px rgb(230 200 135 / 0)}}

@media (max-width:600px){.hero::before{opacity:.45}}

/* Onglets : cinq métiers, ils passent à la ligne sur téléphone */
.mtabs{flex-wrap:wrap}

/* Carte « ce que le particulier voit avant son accord » (à la place de la vidéo tant qu'elle n'existe pas) */
.consent{padding:clamp(1.2rem,1rem + 1vw,1.7rem);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--mint-line);box-shadow:var(--shadow);display:grid;gap:.9rem;align-self:start}
.consent h3{font-size:var(--fs-xl);line-height:1.15}
.consent-box{padding:1rem 1.1rem;border-radius:var(--radius);background:var(--mint);border:1px solid var(--mint-line);display:grid;gap:.5rem}
.consent-box b{font-weight:680}
.consent-box small{display:block;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;color:var(--accent-text)}
.consent-box p{font-size:.95rem;line-height:1.45;color:var(--ink-2)}
.consent-check{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem;line-height:1.4;color:var(--ink)}
.consent-check i{flex:none;width:18px;height:18px;border-radius:4px;border:1.5px solid var(--accent-text);margin-top:.1rem}
.consent .cap-note{font-size:.9rem;line-height:1.5;color:var(--ink-3)}