:root {
    /* --- COULEURS FIXES --- */
    --violet: #6344E7;
    --violet-dark: #4F35B9;
    --violet-light: #F5F3FF;
    --violet-soft: #F0EDFF;

    /* --- MODE CLAIR (LIGHT) --- */
    --bg-main: #F9FAFB;
    --bg-card: #ffffff;
    --bg-nav: #ffffff;
    --text-main: #1A202C;
    --text-muted: #4A5568;
    --border-color: #eeeeee;

    /* Couleurs icônes */
    --icon-bg-word: #EBF5FF;
    --icon-bg-excel: #F0FDF4;
    --icon-bg-ppt: #FFF7ED;
    --icon-bg-img: #F5F3FF;
    --text-img: #7C3AED;
}

body.dark-mode {
    /* --- MODE SOMBRE (DARK) --- */
    --bg-main: #0F172A;
    --bg-card: #1E293B;
    --bg-nav: #1E293B;
    --text-main: #F7FAFC;
    --text-muted: #A0AEC0;
    --border-color: #334155;
    --violet-light: #1E1B4B;
    --violet-soft: #1E1B4B;

    /* Icônes en mode nuit */
    --icon-bg-word: #1e3a8a33;
    --icon-bg-excel: #064e3b33;
    --icon-bg-ppt: #7c2d1233;
    --icon-bg-img: #2e106533;
}