/**
 * Dark Mode (Default)
 *
 * Palette sombre active par défaut.
 * Appliquée via la classe .dark sur <html> ou en l'absence de .light.
 *
 * @package Bipauto
 * @since   1.0.0
 */

/* Dark mode is the default — variables.css already sets dark values.
   This file applies them explicitly when .dark is present,
   ensuring they override if light mode was toggled off. */

html.dark,
html:not(.light) {
    --bg:               var(--dm-bg);
    --surface-1:        var(--dm-surface-1);
    --surface-2:        var(--dm-surface-2);
    --surface-3:        var(--dm-surface-3);
    --border:           var(--dm-border);
    --border-hover:     var(--dm-border-hover);
    --text:             var(--dm-text);
    --text-secondary:   var(--dm-text-secondary);
    --text-muted:       var(--dm-text-muted);
    --overlay:          var(--dm-overlay);

    color-scheme: dark;
}

/* Dark-mode specific overrides */
html.dark body,
html:not(.light) body {
    background-color: var(--dm-bg);
    color: var(--dm-text);
}

/* Header in dark mode */
html.dark .site-header,
html:not(.light) .site-header {
    background: rgba(4, 4, 4, 0.85);
}

html.dark .site-header.scrolled,
html:not(.light) .site-header.scrolled {
    background: rgba(4, 4, 4, 0.95);
}

/* Scrollbar for dark mode */
html.dark,
html:not(.light) {
    scrollbar-color: var(--dm-border-hover) var(--dm-bg);
}

html.dark ::-webkit-scrollbar,
html:not(.light) ::-webkit-scrollbar {
    width: 8px;
}

html.dark ::-webkit-scrollbar-track,
html:not(.light) ::-webkit-scrollbar-track {
    background: var(--dm-bg);
}

html.dark ::-webkit-scrollbar-thumb,
html:not(.light) ::-webkit-scrollbar-thumb {
    background: var(--dm-border-hover);
    border-radius: 4px;
}

html.dark ::-webkit-scrollbar-thumb:hover,
html:not(.light) ::-webkit-scrollbar-thumb:hover {
    background: var(--dm-text-muted);
}