/* ============================================
   theme_light.css - Mode Clair (Fond à pois)
   ============================================ */

:root,
body[data-theme="light"],
html[data-theme="light"] body,
html[data-theme="light"] {
    --color-highlight: #1d4ed8;
    --color-button: #1a56db;
    --color-button-hover: #1e40af;

    --color-focus: #db2777;

    --bg-primary: #ffffff;
    --bg-glass: #ffffff;
    --bg-glass-hover: #f1f5f9;
    --border-glass: #cbd5e1;

    --text-headline: #0f172a;
    --text-paragraph: #334155;
    --text-nav: #475569;

    --bg-pattern: radial-gradient(#cbd5e1 1px, transparent 1px);
    --bg-size: var(--grid-size) var(--grid-size);
}

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);
}