/* ============================================
   theme_dark.css - Mode Sombre
   ============================================ */

body[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] {
    --color-highlight: #60a5fa;
    --color-button: #256af4;
    --color-button-hover: #3b82f6;

    --color-focus: #facc15;

    --bg-primary: #020618;
    --bg-glass: #090F22;
    --bg-glass-hover: #0f1a38;
    --border-glass: rgba(134, 151, 175, 0.18);

    --text-headline: #f0f6ff;
    --text-paragraph: #a8c0e8;
    --text-nav: #8697AF;

    --bg-pattern:
        linear-gradient(rgba(96, 165, 250, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(96, 165, 250, 0.055) 1px, transparent 1px);
    --bg-size: var(--grid-size-dark) var(--grid-size-dark);
}

body {
    background-color: var(--bg-primary);
    background-image: var(--bg-pattern);
    background-size: var(--bg-size);
    color: var(--text-paragraph);
    font-size: var(--text-base);
    font-family: var(--font-body);
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6,
.section-title, .card-title, .stat-number {
    color: var(--text-headline);
    font-family: var(--font-heading);
}