body {
    font-family: 'Montserrat', sans-serif;
    background-color: var(--gray);
    color: var(--gray-5);
}

:root {
    --white: #FFFFFF;
    --gray: #FAFAFA;
    --gray-1: #F3F3F3;
    --gray-2: #D5D5D5;
    --gray-3: #888888;
    /*disabled*/
    --gray-4: #4D4D4D;
    --gray-5: #393939;

    --purple: #5A1CD3;
    --purple-dark: #3D1390;
    --purple-medium: #A79BFF;
    --purple-medium2: #D3CDFF;
    --pink-light: #F5ECFF;

    /* ---- BOLD COLORS ---- */
    --yellow: #FFBD43;
    --orange: #EF642D;
    --red: #E01507;
    --green: #45C46F;
    --blue: #0A66C2;

    /* ---- MORE ---- */
    --l-yellow: #FFF3CD;
    --l-red: #F8D7DA;
    --l-green: #D1E7DD;
    --l-teal: #D1FFEC;
    --l-aqua: #CFF4FC;
    --l-blue: #E1EBFF;
    --l-purple: #EEEEFA;

    --d-yellow: #664D03;
    --d-red: #842029;
    --d-green: #0F5132;
    --d-teal: #216667;
    --d-aqua: #055160;
    --d-blue: #454EB5;

    /*---- PROFICIENCIES ----*/
    --color1: #FFA791;
    --color2: #FFB87D;
    --color3: #FFE57F;
    --color4: #D3E68F;
    --color5: #A2E39E;
    --color6: #8ADA86;
    --color7: #9EE3DB;
    --color8: #BEF1F6;
    --color9: #9CBCED;
    --color10: #B5ADDE;
    --color11: #F2B8DE;
    --color12: #EDA1D2;

    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;

    scrollbar-color: (--pink-light) var(--gray-2);
    scrollbar-width: thin;

    --left-area: 14.375rem;
}


/* INSIDE MKDOCS CSS */
.md-header__button.md-logo {
    padding: 0;

    img {
        width: 220px;
        height: auto;
    }
}
label.md-overlay {
    margin-bottom: 0;
}
a.md-nav__link,
a.md-tabs__link {
    text-decoration: none;
}

label {
    a {
        text-decoration: none;
    }
}

.badge-bold-green,
.badge-bold-gray {
    float: none;
    margin-left: 0;
}

[data-md-color-scheme="meritboost"] {
    --md-primary-fg-color:          #5a1cd3;
    --md-primary-fg-color--dark:    #3d1390;
    --md-primary-fg-color--light:   #7030a0;
  }