:root {
    --color-white: #FFFFFF;
    --color-black: #000000;

    /* ==========================================================================
       #Section Gris
       ========================================================================== */
    --color-grey: #808080;
    --color-grey-lighter: #a6a6a6;
    --color-grey-xl: #cccccc;
    --color-grey-2xl: #f2f2f2;
    --color-grey-darker: #666666;
    --color-grey-xd: #404040;
    --color-grey-2xd: #1a1a1a;

    /* ==========================================================================
       #Section Rouges
       ========================================================================== */
    --color-red-2xl: #f9d6d2;
    --color-red-xl: #f4aca4;
    --color-red-lighter: #eb6e60;
    --color-red: #d22d1a;
    --color-red-darker: #b62616;
    --color-red-xd: #71180e;
    --color-red-2xd: #440e08;

    /* ==========================================================================
       #Section Verts
       ========================================================================== */
    --color-green-2xl: #b3ffb3;
    --color-green-xl: #4dff4d;
    --color-green-lighter: #00e600;
    --color-green: #00aa00;
    --color-green-darker: #008000;
    --color-green-xd: #004d00;
    --color-green-2xd: #003300;

    /* ==========================================================================
       #Section Oranges
       ========================================================================== */
    --color-orange-2xl: #ffe0cc;
    --color-orange-xl: #ffb380;
    --color-orange-lighter: #ff8533;
    --color-orange: #ff6600;
    --color-orange-darker: #cc5200;
    --color-orange-xd: #993d00;
    --color-orange-2xd: #662900;

    /* ==========================================================================
       #Section Bleus
       ========================================================================== */
    --color-blue-2xl: #cce0ff;
    --color-blue-xl: #80b3ff;
    --color-blue-lighter: #3385ff;
    --color-blue: #0066ff;
    --color-blue-darker: #0052cc;
    --color-blue-xd: #003d99;
    --color-blue-2xd: #002966;

    /* ==========================================================================
       #Section Jaunes
       ========================================================================== */
    --color-yellow-2xl: #ffffcc;
    --color-yellow-xl: #ffff80;
    --color-yellow-lighter: #ffff33;
    --color-yellow: #ffff00;
    --color-yellow-darker: #cccc00;
    --color-yellow-xd: #999900;
    --color-yellow-2xd: #666600;

    /* ==========================================================================
       #Section Roses
       ========================================================================== */
    --color-pink-2xl: #ffccd5;
    --color-pink-xl: #ff8095;
    --color-pink-lighter: #ff3355;
    --color-pink: #ff002b;
    --color-pink-darker: #cc0022;
    --color-pink-xd: #99001a;
    --color-pink-2xd: #660011;

    /* ==========================================================================
       #Section Violets
       ========================================================================== */
    --color-purple-2xl: #ebccff;
    --color-purple-xl: #cc80ff;
    --color-purple-lighter: #ad33ff;
    --color-purple: #9900ff;
    --color-purple-darker: #7a00cc;
    --color-purple-xd: #5c0099;
    --color-purple-2xd: #3d0066;
}