:root {
    --city-black: #f7f8ff;
    --city-black-forced: #f7f8ff;
    --city-black-text: #b9c1d4;
    --city-white: #111827;
    --city-white-forced: #111827;
    --city-white-dark: #192635;
    --city-white-light: #1a2536;
    --city-grey: #192635;
    --city-grey-contour: #263149;
    --city-grey-light: #1a2536;
    --city-grey-dark: #0d1117;
    --city-grey-scrollbar: #111827;
    --city-yellow: #f6ca3d;
    --city-blue: #0d1117;
    /* Forum */
    --forum-title: #b9c1d4;
    --forum-post: #192635;
    --forum-border-grey: #263149;
    --forum-cercle: #6d99e4;
    --forum-avatar-bubble: #192635;
    /* Palmares */
    --palmares-text: #b9c1d4;
    /* Header */
    --header-navigation: #192635c2;
    --green-button: #36c86a;
    --green-d: #2aa854;
    --placeholder: #7f879b;
    --background: #111827;
    --background-new: linear-gradient(to bottom, #192635 0%, #111827 100%);
    --radio-btn: #6d99e4;
    --radio-title: #f6ca3d;
}

.black {
    --city-black: #d4d4d4;
    --city-black-forced: black;
    --city-black-text: #B9C5C9;
    --city-white: #1F2333;
    --city-white-dark: #3B435C;
    --city-white-light: #3B435C;
    --city-grey: #3B435C;
    --city-grey-contour: #191C29;;
    --city-grey-light: #3B435C;
    --city-grey-dark: #2f2f33;
    --city-grey-scrollbar: #1F2333;
    --city-yellow: #818181;
    --city-blue: #1a1a1a;

    /* Forum */
    --forum-title: #A6AFC8;
    --forum-post: #1a1a1a;
    --forum-border-grey: #000000;
    --forum-cercle: #FFF;
    --forum-avatar-bubble: #1F2333;

    /* Palmares */
    --palmares-text: #A6AFC8;

    /* Header */
    --header-navigation: #3b435cc2;

    --green-button: #00E07D;
    --green-d: #00b968;

    --placeholder: #A6AFC8;
    --background: #212536fa;
    --background-new: linear-gradient(to bottom, #3a334d 0%, #2e2f37 100%);
    --radio-btn: #c8d6e5;
    --radio-title : #fbc531;
}