:root {
    /* Mode Light par défaut */
    --bg-primary: #FAFAFA;
    --bg-secondary: #F6F6F6;
    --bg-overlay: #0f0f0ff2;
    --bg-card-primary: #F1F1F1;
    --bg-card-secondary: #EAEAEA;
    --bg-dot-gradient: #FAFAFA;
    --dot-pattern: url("data:image/svg+xml,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='1' fill='%23101010' fill-opacity='0.1'/%3E%3C/svg%3E");
    --text-primary: #101010;
    --text-secondary: #707070;
    --text-hover: #0071E3;
    --button-primary: #0071E3;
    --button-hover: #2997FF;
    --text-button: #FAFAFA;
    --text-button-hover: #FAFAFA;
    --border-color: #E6E6E6;
    --border-color-hover: #0071E3;
    --item-color: #0071E3;
}

/* Mode Dark automatique (préférence système) */
@media (prefers-color-scheme: dark) {
    :root {
        --bg-primary: #101010;
        --bg-secondary: #202020;
        --bg-overlay: #0f0f0ff2;
        --bg-card-primary: #1A1A1A;
        --bg-card-secondary: #2A2A2A;
        --bg-dot-gradient: #202020;
        --dot-pattern: url("data:image/svg+xml,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='1' fill='%23101010' fill-opacity='0.1'/%3E%3C/svg%3E");
        --text-primary: #FAFAFA;
        --text-secondary: #EAEAEA;
        --text-hover: #2997FF;
        --button-primary: #2997FF;
        --button-hover: #0071E3;
        --text-button: #FAFAFA;
        --text-button-hover: #FAFAFA;
        --border-color: #262626;
        --border-color-hover: #2997FF;
        --item-color: #2997FF;
    }
}

/* Mode Light forcé (toggle manuel) */
[data-theme="light"] {
    --bg-primary: #FAFAFA;
    --bg-secondary: #F6F6F6;
    --bg-overlay: #0f0f0ff2;
    --bg-card-primary: #F1F1F1;
    --bg-card-secondary: #EAEAEA;
    --bg-dot-gradient: #FAFAFA;
    --dot-pattern: url("data:image/svg+xml,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='1' fill='%23101010' fill-opacity='0.1'/%3E%3C/svg%3E");
    --text-primary: #101010;
    --text-secondary: #707070;
    --text-hover: #0071E3;
    --button-primary: #0071E3;
    --button-hover: #2997FF;
    --text-button: #FAFAFA;
    --text-button-hover: #FAFAFA;
    --border-color: #E6E6E6;
    --border-color-hover: #0071E3;
    --item-color: #0071E3;
}

/* Mode Dark forcé (toggle manuel) */
[data-theme="dark"] {
    --bg-primary: #101010;
    --bg-secondary: #202020;
    --bg-overlay: #0f0f0ff2;
    --bg-card-primary: #1A1A1A;
    --bg-card-secondary: #2A2A2A;
    --bg-dot-gradient: #202020;
    --dot-pattern: url("data:image/svg+xml,%3Csvg width='8' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='1' fill='%23FAFAFA' fill-opacity='0.05'/%3E%3C/svg%3E");
    --text-primary: #FAFAFA;
    --text-secondary: #EAEAEA;
    --text-hover: #2997FF;
    --button-primary: #2997FF;
    --button-hover: #0071E3;
    --text-button: #FAFAFA;
    --text-button-hover: #FAFAFA;
    --border-color: #262626;
    --border-color-hover: #2997FF;
    --item-color: #2997FF;
}