:root {
    --global-filter: none;
    --img-back-top: url(../img/backs/top-1.jpg);
    --img-back-top-filter: var(--global-filter);
    --img-advantages: url(../img/backs/advantages.png);
    --img-advantages-filter: var(--global-filter);
    --img-signin: url(../img/backs/signin.jpg);
    --img-signin-filter: var(--global-filter);
    --img-register: url(../img/backs/register-form.jpg);
    --img-register-filter: var(--global-filter);
    --img-settings: url(../img/backs/my-setts.jpg);
    --img-settings-filter: var(--global-filter);
    --img-bg-cosmetic: url(../img/backs/cosmetics-2.jpg);
    --img-bg-cosmetic-filter: var(--global-filter);
    --img-bg-areyou: url(../img/backs/areyou.png?v=1);
    --img-bg-areyou-filter: var(--global-filter);

    --img-no-map-logo: url(../img/icons/no-map-logo.png);
    --img-girl: url(../img/backs/model-girl.png) no-repeat bottom -31px left 0;
    --img-no-map-size: auto auto;

    --img-categories-filter: saturate(80%);

    --color-primary: #43a3fe;
    --color-primary-dark: #0e61be;
    --background-primary-dark-14: #0e61be3f;
    --background-primary-dark-12: #0e61be7f;
    --background-primary-dark-34: #0e61bebf;
    --background-primary-dark-max: #0e61bedf;
    --border-color-primary: #41a0fc;
    --background-primary-light: #6d8fb2;
    --background-primary-light-14: #6d8fb23f;
    --background-primary-light-12: #6d8fb27f;
    --background-primary-light-34: #6d8fb2bf;
    --background-primary-light-max: #6d8fb2df;

    --mail-color-primary: #54aaff;
    --mail-color-text-primary: #54aaff;
    --mail-btn-color-primary: #3498db;
    --mail-btn-border-color-primary: #3498db;
    --mail-background-primary-light: rgba(239, 252, 255, .7);
    --mail-background-border-primary-light: rgba(239, 252, 255, .7);

    --text-social: rgba(0, 0, 0, 0.5);
    --text-copy: #000;
    --icon-filter: none;
    --spinner-color: #54aaff;

    --btn-color-primary: var(--color-primary);
    --btn-border-color-primary: var(--border-color-primary);

    --bg-success: #218838;
    --bg-danger: #dc3545;
    --bg-warning: #ffc107;
    --bg-info: #17a2b8;
    --bg-primary: #007bff;

    --bg-table-header: #90c7ff;

    --gradient-color-rgb: 67, 163, 254;

    --gradient-color: rgb(67, 163, 254);
    --gradient-color-b: rgb(139, 197, 255);
    --gradient-color-c: rgba(144, 199, 255, 1);

    --bs-border-radius: 2px;
    --bs-border-radius-sm: 2px;
    --bs-border-radius-lg: 2px;
    --bs-border-radius-xl: 2px;
    --bs-border-radius-xxl: 2px;
    --bs-border-radius-2xl: 2px;
}

.color-primary {
    color: var(--color-primary);
}

.gradient-back {
    background: var(--gradient-color);
    background: -moz-linear-gradient(140deg, var(--gradient-color) 0%, var(--gradient-color-b) 68%, var(--gradient-color-c) 100%);
    background: -webkit-linear-gradient(140deg, var(--gradient-color) 0%, var(--gradient-color-b) 68%, var(--gradient-color-c) 100%);
    background: linear-gradient(140deg, var(--gradient-color) 0%, var(--gradient-color-b) 68%, var(--gradient-color-c) 100%);
}