:root {
    --primary-50: #F4F8E8;
    --primary-100: #E9F1D1;
    --primary-200: #D3E3A3;
    --primary-300: #BED474;
    --primary-400: #A8C646;
    --primary-500: #92B818;
    --primary-600: #759313;
    --primary-700: #586E0E;
    --primary-800: #3A4A0A;
    --primary-900: #1D2505;
    --primary-950: #0F1202;

    --accent-50: #fcf5fe;
    --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;

    --base-grey: #767676;
    --base-stroke: #EBECEE;
    --base-errorContainer: #FEE3E3
}

@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");
}

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

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 */