/* Neo Logistics — theming clair/sombre.
   Les couleurs ink/navy/slate2/mist sont pilotées par variables (voir tailwind.config inline).
   Ce fichier gère le mode clair + les utilitaires "blanc littéral" qui ne suivent pas les tokens. */

:root{
  --c-ink: 10 17 32;      /* fond page */
  --c-navy: 15 30 56;     /* surfaces */
  --c-slate2: 27 42 71;
  --c-mist: 234 242 251;  /* texte */
}
html.light{
  --c-ink: 247 249 253;
  --c-navy: 255 255 255;
  --c-slate2: 236 242 250;
  --c-mist: 22 33 58;
}

/* transition douce lors de la bascule */
html, body, header, footer, section, .glass, .rounded-2xl, .rounded-xl, .modal-card, input, button, a {
  transition: background-color .35s ease, border-color .35s ease, color .35s ease;
}

/* ---- Adaptations mode clair pour les classes en blanc littéral ---- */
html.light .text-white{ color:#0f1e38 }
html.light .hover\:text-white:hover{ color:#0a1120 }
html.light .text-ink{ color:#0a1120 }           /* texte sur accent : reste sombre */

html.light .border-white\/10{ border-color:rgba(15,30,56,.12) }
html.light .border-white\/5{ border-color:rgba(15,30,56,.08) }

html.light .bg-white\/5{ background-color:rgba(15,30,56,.04) }
html.light .bg-white\/10{ background-color:rgba(15,30,56,.07) }
html.light .hover\:bg-white\/10:hover{ background-color:rgba(15,30,56,.06) }

html.light .glass{ background:rgba(15,30,56,.035); border-color:rgba(15,30,56,.10) }
html.light .grid-bg{ background-image:radial-gradient(circle at 1px 1px, rgba(34,211,238,.20) 1px, transparent 0) }
html.light .modal-card{ background:#ffffff; border-color:rgba(15,30,56,.12) }

/* Croquis SVG : le texte clair (#EAF2FB) devient sombre en mode clair */
html.light svg [fill="#EAF2FB"]{ fill:#0f1e38 }

/* Blog (.prose) en mode clair */
html.light .prose p, html.light .prose ul, html.light .prose li{ color:#33415a }
html.light .prose strong{ color:#0a1120 }

/* Bouton de bascule — on affiche l'icône de la cible :
   sombre -> soleil (passer en clair) · clair -> lune (passer en sombre) */
#theme-toggle{ display:inline-flex; align-items:center; justify-content:center }
#theme-toggle .icon-moon{ display:none }
#theme-toggle .icon-sun{ display:inline-flex }
html.light #theme-toggle .icon-moon{ display:inline-flex }
html.light #theme-toggle .icon-sun{ display:none }

/* ===== Logo Neo Logistics (bascule thème) ===== */
.brand-mark-white,.brand-mark-navy{display:inline-block}
.brand-mark-navy{display:none}
.brand-wm{color:#EAF2FB}
html.light .brand-mark-white{display:none}
html.light .brand-mark-navy{display:inline-block}
html.light .brand-wm{color:#0F1E38}