:root {
    /* *** MAIN COLOURS *** */
    --light-blue: 3, 131, 178; /* #0383B2 */
    --fing-blue: 29, 165, 237; /* #1da5ed */
    --dark-blue: 35, 33, 33; /* #232121 */
    --dark-night: 26, 25, 25; /* #1A1919 */
    --darkest-night: 16, 15, 15; /* #100f0f */

    --online: 60, 188, 37; /* #3CBC25 */
    --favourites: 241, 194, 47; /* #F1C22F */
    --offline: 188, 37, 43; /* #BC252B */
    --shell: 120, 106, 242; /* #786af2 */
    --notice: 230, 126, 34; /* #e67e22 */

    --full-white: 255, 255, 255; /* #ffffff */
    --very-light-gray: 246, 246, 246; /* #f6f6f6 */
    --borders-gray: 243, 241, 239; /* #f3f1ef */
    --light-gray: 236, 238, 241; /* #ECEEF1 */
    --sad-sky: 211, 216, 225; /* #D3D8E1 */
    --section-gray: 190, 198, 207; /* #becccf */
    --medium-gray: 138, 138, 153; /* #8B8A99 */
    --dark-gray: 113, 129, 163; /* #7181A3 */
    --full-black: 0, 0, 0; /* #000000 */

    --offline-border: 111, 22, 25; /* #6F1619 */
    --light-blue-border: 2, 92, 125; /* #025C7D */
    --favourites-border: 205, 157, 14; /* #CD9D0E */

    /* *** MAIN COLOURS - OPAQUE|FLAT VERSION *** */
    --offline-opaque-10: 248, 233, 233; /* #F8E9E9 */

    /* *** BUTTONS COLOURS *** */

    --btn-action-grad-end: 42, 89, 127; /* #2A597F */
    --btn-action-text-shadow: 0, 22, 30; /* #00161E */
    --btn-action-hover-grad-start: 4, 169, 230; /* #04A9E6 */
    --btn-action-hover-grad-end: 3, 131, 178; /* #0383B2 */

    --btn-action-negative-grad-start: 223, 76, 86; /* #DF4C56 */
    --btn-create-grad-end: 241, 194, 47; /* #F1C22F */
    --btn-create-hover-grad-start: 249, 226, 102; /* #F9E266 */
    --btn-create-hover-grad-end: 241, 194, 27; /* #F1C21B */

    --btn-control-full-bg-grad-start: 26, 25, 25;
    --btn-control-full-bg-grad-end: 26, 25, 25;
    --btn-control-full-bg-inner-shadow: 26, 25, 25;

    --btn-control-grad-end: 42, 89, 127; /* #2A597F */
}