/* --- Thème light auto (OS) --- */
@media (prefers-color-scheme: dark) {
    :root {
        /* Surfaces & contenus principaux */
        --white: #f6f7fb;
        /* quasi-blanc pour le texte et icônes */
        --black: #0b0c10;

        /* Palette neutre */
        --neutral-50: #f9fafb;
        --neutral-75: #f8fafc;
        /* hover fond très léger */
        --neutral-100: #f4f4f5;
        /* [var(--neutral-100)] */
        --neutral-150: #f1f5f9;
        /* slate-100 */
        --neutral-200: #e2e8f0;
        /* slate-200 */
        --neutral-250: #e5e7eb;
        /* gris bordures */
        --neutral-300: #d4d4d8;
        /* [var(--neutral-300)] */
        --neutral-350: #e4e4e7;
        /* [var(--neutral-200)]/300 mix */
        --neutral-400: #a1a1aa;
        /* [var(--neutral-400)] */
        --neutral-450: #6b7280;
        /* muted */
        --neutral-500: #52525b;
        --neutral-600: #444444;
        --neutral-650: #374151;
        /* slate-700 */
        --neutral-700: #333333;
        --neutral-750: #2a2a2a;
        --neutral-800: #18181b;
        /* [var(--neutral-900)] */
        --neutral-900: #111827;
        /* gris très foncé lisible */

        --primary-500: #18181b;
        --primary-600: #27272a;
        --danger-500: #dc2626;
        --danger-600: #b91c1c;

        /* Ombres adaptées aux fonds sombres */
        --shadow-xxs: 0 1px 0 rgba(0, 0, 0, 0.02);
        --shadow-xs: 0 1px 4px rgba(0, 0, 0, 0.08);
        --shadow-sm: 0 1px 6px rgba(0, 0, 0, 0.04);
        --shadow-hover: 0 6px 22px rgba(0, 0, 0, 0.08);
        --shadow-focus-ring: 0 0 0 3px rgba(59, 130, 246, 0.5);
        /* indigo */

        /* Surfaces de composants (réassignations clés) */
        --card-bg: var(--white);
        --card-border: var(--neutral-250);

        --form-border: var(--neutral-250);
        --form-bg: var(--white);
        --form-fg: var(--black);
        --form-focus-ring: var(--shadow-focus-ring);
        --form-focus-border: var(--sky-300-soft);
        /* sky-300-soft équiv. */

        --code-bg: var(--neutral-100);
        --blockquote-border: var(--neutral-250);
        --blockquote-fg: var(--neutral-500);
        --hr-border: var(--neutral-250);

        --chip-bg: var(--indigo-50);
        --chip-border: var(--indigo-200);
        --chip-text: var(--neutral-900);
        --chip-hover-border: var(--sky-300-soft);
        --chip-hover-bg: #e0e7ff;

        --type-badge-bg: var(--indigo-50);
        --type-badge-border: var(--indigo-200);
        --type-badge-fg: var(--neutral-900);

        /* Timeline mini */
        --mini-line: var(--neutral-250);
        --mini-dot: var(--neutral-900);
        --mini-dot-ring: var(--white);

        /* Pills calendrier */
        --cal-pill-bg: #142034;
        --cal-pill-border: #2b3d61;
        --cal-pill-fg: var(--white);

        --cal-list-hover: var(--neutral-75);

        /* Overview calendrier */
        --calovw-card-border: #eeeeee;
        --calovw-shadow: var(--shadow-sm);
        --calovw-flag: #887744;
        --calovw-muted: #777777;
        --calovw-lighter: #555555;

        /* Boutons */
        --btn-outline-fg: var(--primary-500);

        /* Liens sur fond sombre */
        --link-on-light: var(--black);

        /* Header/Footer utilités HTML */
        --bg-header: var(--neutral-800);
        --bg-footer: var(--neutral-800);
        --mix-base: #ffffff;

        --bg: var(--white);
        --text: var(--black);
    }
}