$dark-night:                       #222C38;
$dark-blue:                        #2A3644;
@mixin dark-blue-rgba($alpha) {
    background-color: rgba(42, 54, 68, $alpha);
}
$dark-blue-opaque-10:              #EAEBEC;
$dark-subtone-blue:                #242E3B;

$light-blue:                       #54B2FF;
@function light-blue-rgba($alpha) {
    @return rgba(84, 178, 255, $alpha);
}
@mixin light-blue-rgba($alpha) {
    background-color: light-blue-rgba($alpha);
}
$light-blue-opaque:                #7dc4fe;
$light-blue-opaque-10:             #63b9fe;
$online:                           #32CD36;
$online-opaque-30:                 #d9f5d5;
@mixin online-rgba($alpha) {
    background-color: rgba(50, 205, 54, $alpha);
}
$offline:                          #CD3278;
$offline-opaque-10:                #D04584;
$offline-opaque-30:                #f5d6e4;
@mixin offline-rgba($alpha) {
    background-color: rgba(205, 50, 120, $alpha);
}
$favourites:                       #FFCE54;
@mixin favourites-rgba($alpha) {
    background-color: rgba(255, 206, 84, $alpha);
}
$dark-gray:                        #7186A3;
@mixin dark-gray-rgba($alpha) {
    background-color: rgba(113, 134, 163, $alpha);
}
$medium-gray:                      #8A8D99;
@mixin medium-gray-rgba($alpha) {
    background-color: rgba(138, 141, 153, $alpha);
}
$light-gray:                       #ECF0F1;
$light-gray-opaque-30:             #e3e7ed;
@mixin light-gray-rgba($alpha) {
    background-color: rgba(236, 240, 241, $alpha);
}
$sad-sky:                          #D3DBE1;
@function sad-sky-rgba($alpha) {
    @return rgba(83, 86, 88, $alpha);
}
@mixin sad-sky-rgba($alpha) {
    background-color: sad-sky-rgba($alpha);
}
$light-background:                 #FDFDFF;
$borders-gray:                     #F3F1EF;
$inactive-item:                    #e0e1e5;
@mixin inactive-item-rgba($alpha) {
    background-color: rgba(224, 225, 229, $alpha);
}
$inactive-item-content:            #f8fafb;
$shell:                            #786AF2;
$notice:                           #E67E22;