/* ══ LE THÈME DU SITE, POUR LES PAGES HORS DU SITE — portail, connexion, mot de passe, formule, mentions ══════════
   Justin, 27 septembre 2026 au soir, sur son iPhone : « au niveau des connexions ou création de compte, j'ai pas mon
   thème, pourquoi ? ». Le site (8 pages générées) avait sa palette « Marine », jour ET nuit ; les pages vers lesquelles
   il envoie — espace.html, connexion.html, reinit.html, recap-abonnement.html, mentions-legales.html,
   confidentialite.html — gardaient chacune leur vieille feuille, toujours sombre, en DM Sans / Space Mono, deux d'entre
   elles avec le logo vert d'OP GESTION à côté de « TEAM OP ».

   Elles lisent ICI la palette du site, sous des noms à part (--m-…) pour ne pas heurter leurs propres jetons — et,
   comme le site, elles suivent l'appareil, sans bouton (Justin, 29 septembre 2026 : « je veux que ça soit automatique »).
   ⛔ LES VALEURS SONT CELLES DE vitrine/v2/site.css : tests/test-836.js les compare, jeton par jeton, jour et nuit —
   deux palettes recopiées divergent toujours.
   La nuit n'a qu'UN bloc, sous la requête : plus de mode forcé, test-836 en refuse le retour.
   Couleurs d'état (ok / erreur / attente) : absentes du site, mesurées ici — texte sur son fond teinté, posé sur une
   carte, ≥ 4,5 dans les deux modes (vert et orange de jour assombris : 3,97 et 4,10 avec les teintes du portail). */
:root {
  --m-bg: #fff; --m-text: #0b1426; --m-sub: #5c6575; --m-body: #3a4557; --m-link: #1e3a8a;
  --m-line: rgba(11,20,38,.1); --m-card: #f0f3f8; --m-tile: #fff; --m-seg: #e0e6ef; --m-seg-on: #fff;
  --m-accent: #0b1426; --m-on-accent: #f0f3f8; --m-nav: rgba(240,243,248,.82);
  --m-ok: #166534; --m-ok-fond: rgba(22,101,52,.1); --m-err: #b91c1c; --m-err-fond: rgba(185,28,28,.08);
  --m-warn: #854d0e; --m-warn-fond: rgba(217,119,6,.12);
  --m-titre: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Helvetica, sans-serif;
  --m-corps: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, sans-serif;
  --m-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --m-ressort: cubic-bezier(.32,.72,0,1);
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root {
    --m-bg: #0b1426; --m-text: #f0f3f8; --m-sub: #8e9aae; --m-body: #c5cddb; --m-link: #7fb2ff;
    --m-line: rgba(240,243,248,.14); --m-card: #121d33; --m-tile: #1a2640; --m-seg: #1a2640; --m-seg-on: #2b3a58;
    --m-accent: #f0f3f8; --m-on-accent: #0b1426; --m-nav: rgba(11,20,38,.82);
    --m-ok: #4ade80; --m-ok-fond: rgba(74,222,128,.12); --m-err: #fca5a5; --m-err-fond: rgba(248,113,113,.12);
    --m-warn: #fbbf24; --m-warn-fond: rgba(251,191,36,.12);
  }
}
/* ⛔ L'ANCIEN BOUTON ☀︎/☾ NE RESSORT JAMAIS, MÊME D'UNE PAGE RESTÉE EN CACHE. Une page d'avant le 29 septembre, servie par
   le navigateur ou le service worker de l'application (qui garde ses copies d'une version à l'autre), porte encore le
   bouton, et l'ancienne copie de vitrine/v2/mode.js le démasquait : avec cette feuille, qui n'a plus ses règles, il
   sortait en bouton brut, ses deux dessins à pleine taille (relecture adverse du 29 septembre au soir). Cette règle-ci
   ne dépend d'aucun cache. C'est la SEULE règle `.mode` permise (tests/test-835.js, test-836.js). */
.mode, .coin-mode { display: none !important; }
/* l'indication d'un champ (placeholder) : celle du navigateur tombait à 2,43 la nuit — le texte secondaire du site */
::placeholder { color: var(--m-sub); opacity: 1; }

/* ── la marque : le même dessin que l'en-tête du site ── */
.m-marque { display: inline-flex; align-items: center; gap: 10px; color: var(--m-text); text-decoration: none; }
.m-marque:hover { text-decoration: none; }
.m-marque img { width: 32px; height: 32px; border-radius: 8px; display: block; }
.m-marque span { font-family: var(--m-titre); font-size: 17px; font-weight: 600; letter-spacing: -.01em; }