$sidearEasing: cubic-bezier(0.77, 0.2, 0.05, 1.0);

$sidebar-width: 260px;
$sidebar-collapsed-width: 80px;
$sidebar-collapsed-width-xs: 40px;
$sidebar-bg-color: #FFF;
$sidebar-color: $primary-color;

$navbar-height: 90px;
$navbar-height-xs: 60px;
$navbar-height-md: 70px;
$navbar-height-lg: 80px;

$main-margin: 60px;
$main-margin-lg: 50px;
$main-margin-md: 40px;
$main-margin-xs: 15px;

$animation-time-long: 400ms;
$animation-time-short: 200ms;

$border-radius: 0.1rem;
$border-radius-rounded: 0.75rem;

$footer-height: 90px;

$theme-color-purple: #922c88;
$theme-color-blue: #145388;
$theme-color-green: #576a3d;
$theme-color-orange: #e2863b;
$theme-color-red: #880a1f;

$info-color: #3195a5;
$success-color: #3e884f;
$warning-color: #b69329;
$error-color: #c43d4b;

$breakpoints: (
        xxs: 420px,
        xs: 576px,
        sm: 768px,
        md: 992px,
        lg: 1200px,
        xl: 1440px,
        xxl: 1920px
);

$grid-breakpoints: (
        xs: 0,
        sm: 576px,
        md: 768px,
        lg: 992px,
        xl: 1200px,
        xxl: 1400px,
);

$size-small: 10px;
$size-medium: 20px;
$size-large: 40px;

$sizes: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$sizes: map-merge(
                (       5: 5%,
                        10: 10%,
                        15: 15%,
                        20: 20%,
                        25: 25%,
                        30: 30%,
                        35: 35%,
                        40: 40%,
                        45: 45%,
                        50: 50%,
                        55: 55%,
                        60: 60%,
                        65: 65%,
                        70: 70%,
                        75: 75%,
                        80: 80%,
                        85: 85%,
                        90: 90%,
                        95: 95%,
                        100: 100%,
                        auto: auto
                ),
                $sizes
);