:root {
    --primary-50: #F7F9F7;
    --primary-100: #D5F4DD;
    --primary-200: #ABE8BA;
    --primary-300: #81DD98;
    --primary-400: #57D175;
    --primary-500: #2DC653;
    --primary-600: #249E42;
    --primary-700: #1B7732;
    --primary-800: #124F21;
    --primary-900: #092811;
    --primary-950: #051408;

    --secondary-600: #246B9E;

    --tertiary-100: #FBF1F1;
    --tertiary-600: #9E2424;

    --accent-50: #0c070d;
    --accent-100: #f8eafd;
    --accent-200: #f2d4fa;
    --accent-300: #e9b1f6;
    --accent-400: #de83ef;
    --accent-500: #cb53e2;
    --accent-600: #b134c5;
    --accent-700: #9428a3;
    --accent-800: #81248c;
    --accent-900: #68216e;
    --accent-950: #430a48;


    --danger-50: #fef3f2;
    --danger-100: #fee5e2;
    --danger-200: #ffcfc9;
    --danger-300: #fdaea4;
    --danger-400: #fa7e6f;
    --danger-500: #f15542;
    --danger-600: #de3924;
    --danger-700: #bc2c1a;
    --danger-800: #9b2719;
    --danger-900: #80271c;
    --danger-950: #461009;

    --error: #A91F1F;

    --base-grey: #565758;
    --base-white: #ffffff;
    --base-stroke: var(--primary-100);
    --base-errorContainer: #FEE3E3;

    --menu: #D5F4DD80;

    --interface-width: 1136px;
}

@font-face {
    font-family: "Nunito";
    src: url("../font/Nunito.ttf");
}

@font-face {
    font-family: "FuturaPTBook";
    src: url("../../applidev/font/FuturaPTBook.otf");
}

@font-face {
    font-family: "FuturaPTDemi";
    src: url("../../applidev/font/FuturaPTDemi.otf");
}

@font-face {
    font-family: "FuturaPTMedium";
    src: url("../../applidev/font/FuturaPTMedium.otf");
}

@font-face {
    font-family: Lato;
    src: url("../font/Lato-Regular.ttf") format("opentype");
}

body,
input,
button,
select,
optgroup,
textarea,
p,
label {
    font-family: Lato, sans-serif;
    font-size: 1rem;
    line-height: normal;
    font-weight: 400;
}

h1 {
    font-size: 35px !important;
}

html body a {
    color: var(--primary-700);
}

html body a:hover {
    color: var(--primary-200);
}

*:focus-visible {
    outline: var(--primary-500) auto 1px;
}

.small-avatar {
    height: 35px;
    width: 35px;
    background-size: cover !important;
}

.table-cells-align-middle tr td {
    vertical-align: middle;
}

/* #region MARK: Scrollbar */
.no-scrollbar::-webkit-scrollbar {
    width: 0;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar-track {
    background-color: var(--primary-100);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--primary-500);
    border-radius: 10px;
    box-shadow: inset 0px 0px 0px 2px var(--primary-100);
}

/* #endregion Scrollbar */

/* #region MARK: Loader */
.loader-wrapper {
    position: absolute;

    height: 100%;
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(2px);
}

.loader-wrapper>div {
    width: min-content;
}

/* #endregion Loader */