/* Styles communs à toutes les pages en ligne (lecteur, espace client, partage, admin).
   Charte Azimut Nord (refonte du 23/09/2026, maquette MD/maquettes/refonte-espace-client.html) : couleurs du logo
   (marine #15263F, bleu #5292C3, cuivre #CD997B), sobre. Thème CLAIR par défaut ; sombre seulement si le visiteur le
   choisit (bouton .bascule-theme, assets/theme.js pose data-theme="dark"), quel que soit le réglage de l'appareil.
   Polices du système : aucune ressource externe (CSP « default-src 'none' »). */
:root {
  --marine: #15263F; --bleu: #5292C3; --cuivre: #CD997B;
  --bg: #F4F5F7; --bg-2: #ECEEF2; --panel: #FFFFFF; --inset: #F8F9FB; --line: #E3E6EB;
  --txt: #15263F; --txt-2: #4B5667; --muted: #8A94A3;
  --accent: #15263F; --accent-2: #1E3456;          /* action principale (boutons) */
  --ok: #2F8F5B; --ok-bg: #E8F4EE; --err: #B4432A; --err-bg: #FBEEE8; --warn: #B4632A;
  --ombre: 0 1px 2px rgba(21,38,63,.06), 0 8px 24px rgba(21,38,63,.07);
  --ombre-forte: 0 2px 6px rgba(21,38,63,.08), 0 24px 60px rgba(21,38,63,.14);
  --police: -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --bg: #0E1420; --bg-2: #0A0F18; --panel: #151D2B; --inset: #1A2435; --line: #263146;
  --txt: #E9EDF3; --txt-2: #AEB7C5; --muted: #7C8698;
  --accent: #3A77AA; --accent-2: #4786BA;           /* le marine se perdrait sur fond sombre */
  --ok: #5BC48A; --ok-bg: #15291F; --err: #EE8F72; --err-bg: #2C1B15; --warn: #E59A73;
  --ombre: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.25);
  --ombre-forte: 0 2px 6px rgba(0,0,0,.35), 0 24px 60px rgba(0,0,0,.45);
  color-scheme: dark;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--bg); color: var(--txt); font: 15px/1.5 var(--police); -webkit-font-smoothing: antialiased; }
.cache { display: none !important; }

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; border: 0; border-radius: 10px;
  background: var(--accent); color: #fff; font: 600 15px var(--police); padding: 12px 22px;
  text-decoration: none; transition: background .15s;
}
.btn:hover { background: var(--accent-2); }

/* Bouton clair / sombre (theme.js) : lune en thème clair, soleil en thème sombre. */
.bascule-theme { width: 36px; height: 36px; display: inline-grid; place-items: center; padding: 0; border-radius: 9px; border: 1px solid var(--line);
  background: var(--panel); color: var(--txt-2); cursor: pointer; }
.bascule-theme:hover { color: var(--txt); background: var(--inset); }
.bascule-theme svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.bascule-theme .i-soleil, :root[data-theme="dark"] .bascule-theme .i-lune { display: none; }
:root[data-theme="dark"] .bascule-theme .i-soleil { display: block; }
.theme-coin { position: fixed; top: 16px; right: 16px; z-index: 40; }