:root[data-theme="light"] {
    --header-bg-color: #fff;
    --header-bg-color-light: #f7f7f7;
    --header-nav-color: #454545;
    --header-nav-color-light: #666666;
    --header-theme-text: #acacac;
    --header-client-link: #027d8e;

    --breadcrumb-text-color: #3C3C3C;
    --title-color: #007d8f;
    --text-color-light: #363636;
    --text-color-light-plus: #484848;
    --text-color-secondary: #fff;
    --text-color-gray: #adadad;
    --text-color-bb: #000; 
    --text-color-chapo: #000; 
    
    --title-secondary: #007d8f;
    --bg-colorBis: #f8f8f8;
    /* ok */
    --text-al-black: #3C3C3C;
    --text-color: #3C3C3C; 
    --text-secondary-color: #ff006b; 
    --text-tertiary-color: #1b00d3; 
    --text-color-lighter: #454545;
    --text-color-lightest: #949494;
    --bg-color: #f0f1f3;
    --bg-color-lighter: #f7f7f7;
    --bg-color-lightest: #fff;
    --button-default-color: #e62f44;
    --button-secondary-color: #ffffff;
    --color-1: #ff5749;
    --color-2: #df00cd;
    --color-3: #4800a1;
    --color-4: #1b00d3;
    --color-5: #00c6b7;
    /*--color-6: #00c802;*/
    --color-6: #fff;
    --color-7: #039D8D;
    --color-8: #004653;
    --color-9: #007461;
    --color-10: #FFFFFF;

    --button-bg-15: rgba(255, 255, 255, 0.15);
    --button-bg-80: rgba(255, 255, 255, 0.80);
    --separator-color: #CFCFCF;

    --bg-color-darker: #e3e3e3;
    --bg-color-secondary: #027d8f;
    --bg-aside: #f0f0f0;
    --bg-color-btn: #fff; 

    --separator-color-lighter: #d7d7d7;

    --anchor-border: #e9e7e7;
    --anchor-progress: #d1d1d1;

    --table-focus: #e3e3e3;
    --table-border: #979797;

    --button-default-background: #ebebeb;
    --button-default-border: transparent;
    --button-default-hover: #007d8f;
    --button-secondary-background: #007d8f;

    --rs-color-fb: #3e5c9a;
    --rs-color-tw: #29a9e1;
    --rs-color-yt: #c3271a;
    --rs-color-in: #117bb8;
    --rs-color-ig: #f00075;

    --rtt-light-color: #e6da06;
    --rtt-dark-color: #1b00d2;
    --rtt-bleu-yellow: #1b00d2;
    --rtt-dark-color-white: #ffffff;
    --rtt-dark-changing-color: #1b00d2;
    --rtt-bg-main-color: #f6f6f6;
    --rtt-bg-secondary-color: #ffffff;


    --societariat-violet: #4800a2;
}

:root[data-theme="dark"] {
    --header-bg-color: #000000;
    --header-bg-color-light: #1d1c1c;
    --header-nav-color: #ababab;
    --header-nav-color-light: #ababab;
    --header-theme-text: #99cc00;
    --header-client-link: #fff;

    --breadcrumb-text-color: #8f8f8f;
    --text-color-light: #ffffff;
    --text-color-light-plus: #ffffff;
    --text-color-gray: #ffffff;
    --text-color-bb: #027d8f; 
    --bg-color-btn: #027d8f; 
    --text-color-chapo: #ffffff; 
    --bg-colorBis: #111111;
    /* ok */
    --text-al-black: #3C3C3C;
    --text-color: #d2d2d2;
    --text-secondary-color: #ff006b; 
    --text-tertiary-color: #4e35ff; 
    --text-color-lighter: #ffffff;
    --text-color-lightest: #838383;
    --bg-color: #0e0e0e;
    --bg-color-lighter: #1d1c1c;
    --bg-color-lightest: #272727;
    --button-default-color: #e62f44;
    --button-secondary-color: #ffffff;
    --color-1: #ff5749;
    --color-2: #df00cd;
    --color-3: #4800a1;
    --color-4: #1b00d3;
    --color-5: #00c6b7;
    --color-6: #00c802;
    --color-7: #039D8D;
    --color-8: #004653;
    --color-9: #007461;

    --button-bg-15: rgba(255, 255, 255, 0.15);
    --button-bg-80: rgba(255, 255, 255, 0.80);
    --separator-color: #444444;

    --bg-color-darker: #1c1c1c;
    --bg-color-secondary: #027d8f;
    --bg-aside: #121212;

    --title-secondary: #ffffff;

    --separator-color-lighter: #292929;

    --anchor-border: #171717;
    --anchor-progress: #2e2e2e;

    --table-focus: #1c1c1c;
    --table-border: #696969;

    --button-default-background: #000000;
    --button-default-border: #ffffff;
    --button-default-hover: #ffffff;
    --button-secondary-background: #000000;

    --rs-color-fb: #3e5c9a;
    --rs-color-tw: #29a9e1;
    --rs-color-yt: #c3271a;
    --rs-color-in: #117bb8;
    --rs-color-ig: #f00075;

    --rtt-light-color: #e6da06;
    --rtt-dark-color: #1b00d2;
    --rtt-bleu-yellow: #e6da06;
    --rtt-dark-color-white: #1b00d2;
    --rtt-bg-color: #f5f5f5;
    --rtt-dark-changing-color: #fff;
    --rtt-bg-main-color: #000000;
    --rtt-bg-secondary-color: #111111;
    
    --societariat-violet: #ffffff;
}