/* ===== Thème « Pro » (09/11) : remplace grenier.css et brocante.css =====
   Plus de mascotte ni de décor de brocante : fond uni, encre sombre, un seul accent bleu nuit,
   typographie Inter partout. Jour clair, nuit ardoise. Les pages et les réglages ne changent pas. */

:root[data-palette]:not([data-theme="dark"]){
  --bg:#f7f8fa; --fg:#111827; --card:#ffffff; --panel:#f1f3f6; --hover:#e9edf2;
  --fg2:#374151; --muted:#6b7280;
  --bd:#e3e7ed; --bd2:#edf0f4; --line:#d6dce4;
  --acc:#1f3a8a; --acc2:#162c6b; --acc-soft:#e6ecfa; --onacc:#fff;
  --ink:#111827; --onink:#fff;
  --ok:#15803d; --okbg:#dcfce7; --red:#b91c1c; --redbg:#fee2e2;
  --inv:#111827; --invfg:#fff;
  --logo:#1f3a8a; --logo-fg:#fff;
  --glass-edge:rgba(255,255,255,.9); --hl:rgba(255,255,255,0);
  --L:96%; --C:.01;
  --shadow:0 1px 2px rgba(17,24,39,.06),0 8px 24px -12px rgba(17,24,39,.18);
  --veil:none; --photo:none; --vert:#15803d;
  color-scheme:light;
}
:root[data-palette][data-theme="dark"]{
  --bg:#0d1117; --fg:#e6edf3; --card:#161b22; --panel:#1c2230; --hover:#232a37;
  --fg2:#c3ccd6; --muted:#8b96a3;
  --bd:#2a313c; --bd2:#202733; --line:#323a46;
  --acc:#7aa2ff; --acc2:#a3bfff; --acc-soft:#1b2540; --onacc:#0d1117;
  --ink:#e6edf3; --onink:#0d1117;
  --ok:#4ade80; --okbg:#12261a; --red:#f87171; --redbg:#2b1414;
  --inv:#e6edf3; --invfg:#0d1117;
  --logo:#7aa2ff; --logo-fg:#0d1117;
  --glass-edge:rgba(255,255,255,.06); --hl:rgba(255,255,255,0);
  --L:16%; --C:.01;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px -12px rgba(0,0,0,.6);
  --veil:none; --photo:none; --vert:#4ade80;
  color-scheme:dark;
}

/* Fond uni, aucune image */
html{background:var(--bg)}
body{background:var(--bg) !important}
html::before,html::after{content:none !important;background:none !important}

/* Titres : Inter, nets */
h1,h2,h3,.duo h2{font-family:Inter,system-ui,sans-serif;font-weight:700;letter-spacing:-.02em;font-style:normal}
.sec>h2,.how h2,.who h2,.cta-end h2{font-size:clamp(26px,3.4vw,38px);line-height:1.15;text-align:center !important;margin:0 0 28px}
.who>h2,.how>h2,.cta-end>h2{display:block;width:100%;max-width:none}
.sec{margin-top:64px;margin-bottom:64px}

/* Cartes : blanches, bord fin, sans verre dépoli */
.card,.who-grid>div,.how .step{-webkit-backdrop-filter:none !important;backdrop-filter:none !important}

/* Accueil : bandeau sombre uni avec un léger dégradé */
.hero{background:linear-gradient(160deg,#0f172a 0%,#1e2b55 100%) !important;color:#fff;border-radius:24px}
.hero h1{font-size:clamp(34px,5.4vw,58px);line-height:1.08;color:#fff}
.hero h1 span{font-style:normal;color:#a9c0ff}
.hero-lead{max-width:620px;margin:0 auto;font-size:18px;line-height:1.55;color:#cbd5e1 !important}
.hero .hint{color:#cbd5e1}
.hero .hint .link{color:#a9c0ff}

/* Comment ça marche */
.how .steps{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}
.how .step{padding:22px;border-radius:16px;background:var(--card);border:1px solid var(--bd);box-shadow:var(--shadow)}
.how .step b{width:34px;height:34px;font-size:15px;background:var(--acc);color:var(--onacc);border:0;border-radius:10px}
.how .step h3{font-size:18px;margin:14px 0 6px}
.how .step p{font-size:15.5px;line-height:1.55}

/* Pour qui */
.who-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
@media (max-width:1180px){.who-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:980px){.who-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.who-grid{grid-template-columns:1fr}}
.who-grid>div{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:22px;box-shadow:var(--shadow)}
.who-grid svg{width:28px;height:28px;fill:none;stroke:var(--acc);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.who-grid h3{font-size:18px;margin:10px 0 6px}
.who-grid p{margin:0;color:var(--fg2);font-size:15.5px;line-height:1.55}
.who-end{text-align:center;font-size:19px;margin:30px auto 0;max-width:720px;color:var(--fg2)}
.who-end strong{color:var(--fg)}

/* Appel final */
.cta-end{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.cta-end h2{margin-bottom:6px}
.cta-end .btn-g{font-size:17px;padding:14px 28px;border-radius:12px;border:1px solid var(--acc2);font-weight:600}

/* Encadré « Bon à savoir » (ancien guide de la mascotte) */
.guide .g-bot{display:none !important}
.guide .g-bubble{border-radius:14px}

/* Pas d'étoiles ni de halo dans le bandeau, polices sans empattement partout */
.hero::after,[data-theme="dark"] .hero::after{content:none !important;animation:none !important}
:root{--serif:Inter,system-ui,sans-serif}
.hero h1,.hero h1 span{font-family:Inter,system-ui,sans-serif !important;font-weight:700}
.hero h1 span{font-style:normal !important;font-weight:700}
svg[aria-label="Brocconnect"] text{font-family:Inter,system-ui,sans-serif !important;font-weight:700;font-size:30px;letter-spacing:0}
.hero h1{color:#fff !important}.hero h1 span{color:#a9c0ff !important}