/* ===========================================================
   Thème clair — Maitrise Logique
   ===========================================================

   Le site est construit sur des variables CSS de couleur
   (--color-ml-bg, --color-ml-text...) définies par Tailwind dans
   output.css. Il suffit donc de les REDÉFINIR quand <html> porte la
   classe "light" pour que toutes les utilitaires (bg-ml-bg,
   text-ml-text, border-ml-line...) basculent d'un coup.

   Ce fichier est volontairement séparé et chargé APRÈS output.css :
   il n'a pas besoin d'être compilé par Tailwind, donc le thème clair
   fonctionne même sans recompiler le CSS du site.

   La sélection se fait sur html.light (spécificité 0,1,1) qui l'emporte
   sur le :root (0,1,0) où Tailwind place ses valeurs par défaut.
   =========================================================== */

html.light {
    --color-ml-bg: #FFFFFF;
    --color-ml-surface: #F4F6F8;
    --color-ml-line: #D8DEE6;
    --color-ml-text: #1A1F26;
    --color-ml-muted: #5B6675;
    /* Accents assombris par rapport au thème sombre, pour rester
       lisibles sur fond clair (contraste suffisant). */
    --color-ml-accent: #0E8C80;
    --color-ml-accent2: #B26B00;
}

/* --- Contenu markdown (wiki, statut projet, doc des générateurs) ---
   Ces règles utilisent des couleurs écrites en dur dans input.css ;
   on les repasse ici en clair. */
html.light .wiki-content h1,
html.light .wiki-content h2,
html.light .wiki-content h3 { color: var(--color-ml-text); }
html.light .wiki-content p,
html.light .wiki-content ul,
html.light .wiki-content ol { color: var(--color-ml-text); }
html.light .wiki-content a { color: var(--color-ml-accent); }
html.light .wiki-content code {
    background: var(--color-ml-surface);
    color: var(--color-ml-accent);
}
html.light .wiki-content pre {
    background: var(--color-ml-surface);
    border-color: var(--color-ml-line);
}
html.light .wiki-content pre code { color: var(--color-ml-text); }
html.light .wiki-content th {
    background: var(--color-ml-surface);
    color: var(--color-ml-muted);
}
html.light .wiki-content th,
html.light .wiki-content td { border-color: var(--color-ml-line); }
html.light .wiki-content blockquote {
    border-left-color: var(--color-ml-accent);
    color: var(--color-ml-muted);
}
html.light .wiki-content ol > li::before { color: var(--color-ml-accent); }

/* --- Éléments à styles inline (visionneuse SVG, sous-menus, volet doc) ---
   Leurs couleurs sont écrites directement dans l'attribut style pour
   fonctionner sans recompilation ; on les force ici en thème clair. */
html.light [data-svg-action] {
    background: var(--color-ml-surface) !important;
    color: var(--color-ml-text) !important;
    border-color: var(--color-ml-line) !important;
}
html.light .ml-submenu-tip {
    background: var(--color-ml-surface);
    color: var(--color-ml-text);
    border-color: var(--color-ml-line);
}

/* --- Champs de formulaire : le fond sombre codé en dur redevient clair --- */
html.light input,
html.light select,
html.light textarea { color-scheme: light; }