html, body {
    font-family: 'Montserrat', Helvetica, sans-serif;
    position: relative;
    overflow: hidden !important;
}

body {
    --primary-color: #182029;
    --secondary-color: #0f263d;
    
    --color-light: #ced2d5;
    --accent-color: #24b0fa;
    --accent-alternative: #e02955;
    --shadow-color: rgba(0, 0, 0, 0.3);

    /* Top menu */
    --top-menu-height: 4.65rem;
    --top-menu-button-background-color: #383e46;

    --profile-menu-button-height: 3.125rem;

    /* Side bar */
    --menu-font-color: #efefef;
    --menu-width: 20.25rem;  /* Must be equal to the style defined in the component transition */
    --menu-button-height: 4rem;

    /* Content colors */
    --content-background-color: #f2f3f6;
    --secondary-content-background-color: #e6e6e6;

    /* Buttons */
    --main-button-color: #9cdb2f;
    --warning-button-color: #933;
    --neutral-button-color: #00a0d6;
    
    --edit-button-color: #3ea2d1;
    --trash-button-color: #e53d3d;
    --check-button-color: #219d3e;

    /* Fonts */
    --site-font: "Rajdhani";
}

select:not([disabled]) {
    cursor: pointer;
}