/* ==========================================================================
    Variables globales
    - Palette par défaut : DARK (alignée sur privacy/legal)
    - Bascules LIGHT via [data-theme="light"] et prefers-color-scheme
    - Aliases pour compatibilité avec l’admin (ex: --fg, --surface, --border)
   ========================================================================== */

/* ---------- DARK (par défaut) ---------- */
:root {
    /* Couleurs “privacy” */
    --bg: #0b0c10;
    --card: #121319;
    --text: #e7eaf0;
    --muted: #98a2b3;
    --line: #222634;
    --accent: #8e2620;

    /* Ombres / bordures / verre dépoli */
    --shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
    --shadow-color: rgba(0, 0, 0, 0.22);
    --shadow-strong: rgba(0, 0, 0, 0.32);
    --ring: rgba(255, 255, 255, 0.12);
    --menu-bg-h: rgba(255, 255, 255, 0.06);

    /* Formes / espacements */
    --radius: 8px;
    --spacing: 1rem;
    --nav-height: 64px;
    --main-pad: 20px;

    /* Champs / boutons (neutres) */
    --input-bg: #1a1c23;
    --btn-bg: #2b2f3a;
    --btn-bg-h: #252a34;
    --danger: #c53030;
    --info: #0088c7;
    --info-600: #0078af;

    /* -------- Aliases compat admin -------- */
    --bg-alt: var(--bg);
    --fg: var(--text);
    --surface: var(--card);
    --border: var(--line);

    /* Accent étendu (compat) */
    --accent-600: #7b1f1a;
    --accent-ring: rgba(142, 38, 32, 0.35);
    --accent-on: #ffffff;
    --accent-rgb: 142, 38, 32;

    /* Cartes secondaires éventuellement */
    --card-2: #171922;

    --bg: #0b0b0c;
    --text: #e9e9ec;
    --primary: #8e2620;            /* rouge inspiré du logo */
    --primary-600: #7b1f1a;
    --ring: rgba(255,255,255,.12);
    --card: #1b1b1f;
    --card-2: #202026;
}

/* ---------- LIGHT (préférence OS) ---------- */
@media (prefers-color-scheme: light) {
    :root {
        --bg: #ffffff;
        --card: #ffffff;
        --text: #0b1220;
        --muted: #667085;
        --line: #eef2f6;
        --accent: #8e2620;

        --shadow: 0 6px 18px rgba(16, 24, 40, 0.06);
        --shadow-color: rgba(0, 0, 0, 0.10);
        --shadow-strong: rgba(0, 0, 0, 0.18);
        --ring: rgba(0, 0, 0, 0.08);
        --menu-bg-h: rgba(0, 0, 0, 0.05);

        --input-bg: #f7f8fb;
        --btn-bg: #8e2620;
        --btn-bg-h: #7b1f1a;

        /* Aliases */
        --fg: var(--text);
        --surface: var(--card);
        --border: var(--line);

        --accent-600: #7b1f1a;
        --accent-ring: rgba(142, 38, 32, 0.28);
        --accent-on: #ffffff;
        --accent-rgb: 142, 38, 32;

        --card-2: #fafbfc;--bg: #f7f7f9;
        --text: #232326;
        --primary: #8e2620;
        --primary-600: #7b1f1a;
        --ring: rgba(0,0,0,.08);
        --card: #ffffff;
        --card-2: #fafbfc;
    }
}

/* ---------- LIGHT (force via attribut data-theme) ---------- */
[data-theme="light"] {
    --bg: #ffffff;
    --card: #ffffff;
    --text: #0b1220;
    --muted: #667085;
    --line: #eef2f6;
    --accent: #8e2620;

    --shadow: 0 6px 18px rgba(16, 24, 40, 0.06);
    --shadow-color: rgba(0, 0, 0, 0.10);
    --shadow-strong: rgba(0, 0, 0, 0.18);
    --ring: rgba(0, 0, 0, 0.08);
    --menu-bg-h: rgba(0, 0, 0, 0.05);

    --input-bg: #f7f8fb;
    --btn-bg: #8e2620;
    --btn-bg-h: #7b1f1a;

    /* Aliases */
    --fg: var(--text);
    --surface: var(--card);
    --border: var(--line);

    --accent-600: #7b1f1a;
    --accent-ring: rgba(142, 38, 32, 0.28);
    --accent-on: #ffffff;
    --accent-rgb: 142, 38, 32;

    --card-2: #fafbfc;
    
}