:root {

    /* GENERAL */
    --border-radius-20: 20px;
    --border-radius-10: 10px;

    --padding: 10px;
    --outer-radius: var(--border-radius-20);
    --inner-radius: calc(var(--outer-radius) - var(--padding));

    --xds-shadow:  0 14px 50px -4px rgba(0, 0, 0, 0.075);
    --xds-shadow-mini: 0 7px 25px -2px rgba(0, 0, 0, 0.075);

    --xds-border: #dcdcdc;

    --card-spacing: 1rem;


    /* PLANNING */
    --planning-home-padding: 15px;
    --planning-home-radius-externe: 20px;
    --planning-home-radius-interne: 8px;

    /* BTN SOCIAL HOVER */
    --xdsbtn-hover-Twitch: #9146ff;
    --xdsbtn-hover-Instagram: #e4405f;
    --xdsbtn-hover-Threads: #3b3b3b;
    --xdsbtn-hover-Bluesky: #1da1f2;
    --xdsbtn-hover-Tiktok: #ee1d51;
    --xdsbtn-hover-YouTube: #cd201f;
    --xdsbtn-hover-Discord: #7289da;

    /* BTN NAVBAR HOVER */
    --xdsbtn-hover-Home: #ff808c;
    --xdsbtn-hover-Planning: #ffd380;
    --xdsbtn-hover-BouftyPedia: #ff9980;
    --xdsbtn-hover-Gameotheques: #ff9f66;
    --xdsbtn-hover-Commands: #ffb24f;
    --xdsbtn-hover-Setups: #ffc43d;
    --xdsbtn-hover-Cards: #ffd84d;
    --xdsbtn-hover-Pokedex: #ffe97a;
    --xdsbtn-hover-Article: #fff1a0;
    --xdsbtn-hover-Portfolio: #fff7c2;
    --xdsbtn-hover-SdR: #82d998;
    --xdsbtn-hover-DreamRelax: #7eb8e6;
    --xdsbtn-hover-Social: #ac7ee6;

    /* SOCIAL */
    --width-container-column: 95%;
    --fontSize-box-spanSocial: 14px;
    --fontSize-box-spanPseudo: 12px;
    --fontSize-box-spanPseudoFull: 30px;
    --fontSize-box-spanlink: 11px;
    --fontSize-box-spanText: 1.5em;
    --fontSize-Box-spanIcon: 28px;

    /* COMMANDS */
    --cmdsTags-bg-default: #585858;
    --cmdsTags-bg-viewers: #7f7f7f;
    --cmdsTags-bg-vip: #9838cc;
    --cmdsTags-bg-moderateur: #25ad47;
    --cmdsTags-bg-all: #b9811c;
    --cmdsTags-bg-sons: #28456c;
    --cmdsTags-bg-text: #cc3855;
    --cmdsTags-bg-animations: #33a5a9;

    /* FONT COLORS */
    --fontcolor-red: red;
    --fontcolor-blue: blue;
    --fontcolor-amber: #e7ad6a;
    --fontcolor-green: green;
    --fontcolor-cyan: cyan;
    --fontcolor-indigo: indigo;
    --fontcolor-darkblue: darkblue;
    --fontcolor-orange: orange;
    --fontcolor-purple: purple;
    --fontcolor-pink: pink;
    --fontcolor-darkpink: #910670;
    --fontcolor-white: white;
    --fontcolor-black: black;
    --fontcolor-gray: gray;
    --fontcolor-lightgray: lightgray;
    --fontcolor-darkgray: darkgray;
    --fontcolor-lightblue: lightblue;
    --fontcolor-lightgreen: lightgreen;
    --fontcolor-lightred: #ffc1c1;
    --fontcolor-darkred: darkred;

    /* GAMEOTHEQUE COLORS */
    --gameTags-bg-all: #afafaf;
    --gameTags-bg-default: #585858;
    --gameTags-bg-active: #7f7f7f;
    --gameTags-bg-terminer: #38cc51;
    --gameTags-bg-encours: #cca538;
    --gameTags-bg-afaire: #389ccc;
    --gameTags-bg-atester: #ae38cc;
    --gameTags-bg-teste: #f64343;

    --gameTags-bg-stream: #cc3875;
    --gameTags-bg-passtream: #a138cc;

    --gameTags-bg-vod: #cc4638;
    --gameTags-bg-pasvod: #cc9138;



    /* SOCIAL COLORS */
    --bentocolor-accent: #00b894;
    --bentocolor-hover-accent: #00997a;

    --bentocolor-neutral-1: #cfcfcf;
    --bentocolor-neutral-2: #d9d9d9;

    --bentocolor-twitter: #1da1f2;
    --bentocolor-threads: #262626;
    --bentocolor-tiktok: #ee1d51;
    --bentocolor-youtube: #d40000;
    --bentocolor-discord: #7289da;
    --bentocolor-twitch: #9146ff;
    --bentocolor-spotify: #1ed760;
    --bentocolor-steam: #010101;
    --bentocolor-instagram: #e1306c;
    --bentocolor-contact: #171a21;
    --bentocolor-dofus: #b6a136;

    --bentocolor-hover-twitter: #1991da;
    --bentocolor-hover-threads: #3a3a3a;
    --bentocolor-hover-tiktok: #d81e48;
    --bentocolor-hover-youtube: #c50000;
    --bentocolor-hover-discord: #5b6eae;
    --bentocolor-hover-twitch: #7c3fe0;
    --bentocolor-hover-spotify: #1aa34a;
    --bentocolor-hover-steam: #2c2c2c;
    --bentocolor-hover-instagram: #c72a5f;
    --bentocolor-hover-contact: #2a2d35;
    --bentocolor-hover-dofus: #9e8c2f;


    --bentocolor-hover-neutral-1: #bfbfbf;
    --bentocolor-hover-neutral-2: #c8c8c8;

    /* SCROLLBAR */
    --scrollbar-track: rgba(0, 0, 0, 0);
    --scrollbar-thumb: rgba(60, 60, 60, 0.36);
    --scrollbar-thumb-hover: rgba(60, 60, 60, 0.6);
    --scrollbar-width: 6px;

    --gap: 2em;
    --section-padding: calc(3.5em + (var(--gap) * 2));
    --container-padding: 2em;

    --fade-color: #fff;


    /* DARK MODE */
    --my-white-bg: #f0f0f0;
    --my-white-bg-rgba: 240, 240, 240;
    --my-white-bg-subtle: #ffffff;
    --my-white-text: #111213;
    --my-white-border: #f1f1f1;

    /* Mode sombre */
    --my-dark-bg: #0f0f0f;
    --my-dark-bg-rgba: 15, 15, 15;
    --my-dark-bg-subtle: #16171b;
    --my-dark-text: #e4e4e4;
    --my-dark-border: #2e2f33;


  }