:root {
    --dark: #111111;
    --light: #F5F5F5;
    /* MODE CLAIR (Par défaut) */
    --body-bg: #F5F5F5;
    --body-cl: #111111;
    --surface-bg: #FFFFFF;   /* Fond des cartes et éléments d'interface */

    /* Couleurs du thème CRM */
    --crm-primary: #1b296a;
    --crm-secondary: #ed6840;
    --crm-rf: #cf2d4f;
    --crm-ofp: #7db9da;
    --crm-services: #f6af2e;
    --crm-mecenat: #488287;

    /* Couleurs d'état / Événements */
    --crm-error: #d32f2f;
    --crm-warning: #e67e22;
    --crm-info: #0288d1;
    --crm-success: #2e7d32;

    /* Polices */
    --crm-txt-header: Georgia, serif;
    --crm-txt-body: Verdana, Geneva, Tahoma, sans-serif;

    /* Style */
    --border-radius: .5rem;
}

@media (prefers-color-scheme: dark) {
    :root {
        /* MODE SOMBRE (Automatique) */

        --body-bg: #121212;      /* Fond sombre */
        --body-cl: #E0E0E0;      /* Texte gris très clair (évite le blanc pur agressif) */
        --surface-bg: #1E1E1E;   /* Fond des cartes plus clair que le body pour le relief */

    }
}

body.alt {
    --body-bg: #111111;
    --body-cl: #F5F5F5;
    --surface-bg: #1E1E1E; 
}

@media print {
    body, body.alt {
        --body-bg: #F5F5F5;
        --body-cl: #111111;
    }
    body > header nav {
        display: none;
    }
}




* {
    box-sizing: border-box;
    border-radius: var(--border-radius)
}

html {
    font-size: 62.5%;
}

body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    font-size: 1.6rem;
    font-family: var(--crm-txt-body);
    background: var(--body-bg);
    color: var(--body-cl);
}

h1, h2, h3 {
    font-family: var(--crm-txt-header);
}

a {
    text-decoration: none;
}

a:hover {
    
}

input, button, textarea {
    font-family: var(--crm-txt-body);
}