/* ═══════════════════════════════════════════════════════════════
   Smart-Invest.ia — Thème sombre partagé
   Palette « Architecture en 3 axes » (mode sombre), identique à landing.html.
   Chargée en fin de <head> par chaque page : elle complète les styles
   de la page (convertis) sans les remplacer.
═══════════════════════════════════════════════════════════════ */
:root{
  --si-bg:#0E1716; --si-bg2:#121D1B; --si-deep:#08100F;
  --si-surface:#16231F; --si-surface2:#1B2A26; --si-line:#2A3B36;
  --si-ink:#EAF0EC; --si-ink-mid:#D3DDD8; --si-ink-soft:#B7C6BF; --si-muted:#9DB0A8;
  --si-teal:#4FB3A9; --si-teal-ink:#0E1716; --si-teal-deep:#0F4C4A;
  --si-ochre:#E2A93B; --si-free:#5CCB92; --si-pro:#4FB3A9; --si-prem:#E2A93B;
  --si-font-title:'Bricolage Grotesque',system-ui,sans-serif;
  --si-font-body:'IBM Plex Sans',system-ui,sans-serif;
  --si-font-mono:'JetBrains Mono',ui-monospace,monospace;
  color-scheme:dark;
}
html{background:var(--si-bg)}
body{-webkit-font-smoothing:antialiased}

/* Formulaires : lisibles par défaut sur fond sombre */
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),
select,textarea{color:var(--si-ink);caret-color:var(--si-teal)}
input::placeholder,textarea::placeholder{color:var(--si-muted);opacity:1}
select option,select optgroup{background:var(--si-surface);color:var(--si-ink)}
input[type=checkbox],input[type=radio],input[type=range],progress{accent-color:var(--si-teal)}
input:-webkit-autofill{-webkit-text-fill-color:var(--si-ink);-webkit-box-shadow:0 0 0 1000px var(--si-bg2) inset}

/* Liens sans style explicite */
a:not([class]):not([style]){color:var(--si-teal)}
a:not([class]):not([style]):hover{color:var(--si-ochre)}

/* Focus clavier, sélection, défilement */
:focus-visible{outline:3px solid var(--si-ochre);outline-offset:2px}
::selection{background:rgba(226,169,59,.28);color:var(--si-ink)}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:var(--si-deep)}
::-webkit-scrollbar-thumb{background:#2F4A43;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:var(--si-teal)}
*{scrollbar-color:#2F4A43 var(--si-deep)}

/* Tableaux sans style explicite */
table:not([class]) th{color:var(--si-muted)}
hr{border-color:var(--si-line)}

/* Leaflet (carte des zones) */
.leaflet-container{background:var(--si-bg2)}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--si-surface);color:var(--si-ink)}
.leaflet-bar a{background:var(--si-surface);color:var(--si-ink);border-color:var(--si-line)}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* Impression : version lisible sur papier blanc */
@media print{*,*::before,*::after{background:transparent!important;color:#111!important;box-shadow:none!important;text-shadow:none!important;border-color:#bbb!important}}