/* Theme System */

/* Theme par défaut (normal) */
:root[data-theme="normal"] {
    /* Fond général */
    --background-color: #1e1e2e;
    --background-secondary: #2c2c3a;

    /* Header */
    --header-background-color: #0073e6;
    --header-menu-primaire-color: #ffffff;

    /* Couleurs des textes */
    --text-color: #e0e0e0;
    --text-secondary-color: #b0b0b0;
    --text-highlight-color: #c3e88d;

    /* Couleurs principales */
    --primary-color: #0073e6;
    --primary-hover-color: #0056b3;
    
    /* Couleurs secondaires */
    --secondary-color: #89ddff;
    --secondary-hover-color: #5cb8e6;

    /* Couleurs d'action */
    --danger-color: #f07178;
    --danger-hover-color: #d45d66;
    --success-color: #c3e88d;
    
    /* Bordures et séparateurs */
    --border-color: #3b3b4f;
    --border-hover-color: #0073e6;
    --button-border: 2px solid var(--border-color);
    --button-border-hover: 2px solid var(--border-hover-color);
    --shadow-color: rgba(0, 0, 0, 0.5);

    /* Table */
    --table-row-even: #2a2a37;
    --table-row-hover: #3b3b4f;

    /* Overlay */
    --overlay-background: rgba(0, 0, 0, 0.7);
}

/* Theme clair */
:root[data-theme="light"] {
    /* Fond général */
    --background-color: #f8f9fa;
    --background-secondary: #dcdde6;

    /* Header */
    --header-background-color: #0073e6;
    --header-menu-primaire-color: #ffffff;

    /* Couleurs des textes */
    --text-color: #212529;

    --text-color-boutton: #dfe3e7;
    --text-secondary-color: #495057;
    --text-highlight-color: #198754;

    /* Couleurs principales */
    --primary-color: #0073e6;
    --primary-hover-color: #0056b3;
    
    /* Couleurs secondaires */
    --secondary-color: #6c757d;
    --secondary-hover-color: #5c636a;

    /* Couleurs d'action */
    --danger-color: #dc3545;
    --danger-hover-color: #bb2d3b;
    --success-color: #198754;

    /* Bordures et séparateurs */
    --border-color: #dee2e6;
    --border-hover-color: #0073e6;
    --button-border: 2px solid var(--border-color);
    --button-border-hover: 2px solid var(--border-hover-color);
    --shadow-color: rgba(0, 0, 0, 0.15);

    /* Table */
    --table-row-even: #f8f9fa;
    --table-row-hover: #e9ecef;

    /* Overlay */
    --overlay-background: rgba(255, 255, 255, 0.95);
}

/* Theme sombre */
:root[data-theme="dark"] {
    /* Fond général */
    --background-color: #121212;
    --background-secondary: #1e1e1e;

    /* Header */
    --header-background-color: #0073e6;
    --header-menu-primaire-color: #ffffff;

    /* Couleurs des textes */
    --text-color: #ffffff;
    --text-secondary-color: #b3b3b3;
    --text-highlight-color: #64dd17;

    /* Couleurs principales */
    --primary-color: #0073e6;
    --primary-hover-color: #0056b3;
    
    /* Couleurs secondaires */
    --secondary-color: #7b7b7b;
    --secondary-hover-color: #5c5c5c;

    /* Couleurs d'action */
    --danger-color: #cf6679;
    --danger-hover-color: #b4485e;
    --success-color: #64dd17;

    /* Bordures et séparateurs */
    --border-color: #2c2c2c;
    --border-hover-color: #0073e6;
    --button-border: 2px solid var(--border-color);
    --button-border-hover: 2px solid var(--border-hover-color);
    --shadow-color: rgba(0, 0, 0, 0.3);

    /* Table */
    --table-row-even: #1e1e1e;
    --table-row-hover: #2c2c2c;

    /* Overlay */
    --overlay-background: rgba(0, 0, 0, 0.85);
}