:root {

    /* *** MAIN COLOURS *** */

    --light-blue: 84, 178, 255; /* #54b2ff */
    --fing-blue: 29, 165, 237; /* #1da5ed */
    --dark-blue: 42, 54, 68; /* #2a3644 */
    --dark-night: 34, 44, 56; /* #222c38 */
    --darkest-night: 23, 30, 38; /* #171e26 */

    --online: 50, 205, 54; /* #32cd36 */
    --favourites: 255, 206, 84; /* #ffce54 */
    --offline: 205, 50, 120; /* #cd3278 */
    --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, 240, 241; /* #ecf0f1 */
    --sad-sky: 211, 219, 225; /* #d3dbe1 */
    --section-gray: 190, 204, 207; /* #becccf */
    --medium-gray: 138, 141, 153; /* #8a8d99 */
    --dark-gray: 113, 134, 163; /* #7186a3 */
    --full-black: 0, 0, 0; /* #000000 */

    --offline-border: 125, 34, 77; /* #7d224d */
    --light-blue-border: 67, 142, 204; /* #438ecc */
    --favourites-border: 255, 170, 51; /* #ffaa33 */

    /* *** MAIN COLOURS - OPAQUE|FLAT VERSION *** */

    --offline-opaque-10: 250, 234, 241; /* #faeaf1 */

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

    --btn-action-grad-end: 63, 134, 191; /* #3f86bf */
    --btn-action-text-shadow: 14, 29, 41; /* #0e1d29 */
    --btn-action-hover-grad-start: 135, 215, 255; /* #87d7ff */
    --btn-action-hover-grad-end: 67, 142, 204; /* #438ecc */

    --btn-action-negative-grad-start: 232, 97, 176; /* #e861b0 */

    --btn-create-grad-end: 198, 156, 50; /* #c69c32 */
    --btn-create-hover-grad-start: 255, 226, 153; /* #ffe299 */
    --btn-create-hover-grad-end: 250, 197, 62; /* #fac53e */

    --btn-control-full-bg-grad-start: 42, 54, 68;
    --btn-control-full-bg-grad-end: 34, 44, 56;
    --btn-control-full-bg-inner-shadow: 54, 69, 87;

    --btn-control-grad-end: 47, 61, 77; /* #2f3d4d */
}