@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');

body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-variation-settings:
        "wdth" 100;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Archivo", sans-serif;
    font-weight: 600;
}

body {
    font-size: 90%;
}

.header {
    --cui-header-bg: transparent;
    --cui-header-border: transparent;
}

.sidebar {
    --cui-sidebar-nav-icon-height: 1rem;
    --cui-sidebar-nav-icon-font-size: 1rem;
}

#sidebar.bg-dark-gradient {
    background: linear-gradient(0deg, var(--cui-primary) 0%, var(--cui-dark) 100%);
}

a,
.btn-link {
    text-decoration: none;
}

.swal-button.bg-secondary {
    color: hsla(0, 0%, 100%, .87) !important;
}

.btn-google {
    --cui-btn-color: var(--cui-body-color);
    --cui-btn-bg: #ffffff;
    --cui-btn-border-color: var(--cui-border-color);
    --cui-btn-hover-color: var(--cui-body-color);
    --cui-btn-hover-bg: rgba(223, 223, 223, 0.95);
    --cui-btn-hover-border-color: var(--cui-border-color);
    --cui-btn-focus-shadow-rgb: 223, 223, 223;
    --cui-btn-active-color: var(--cui-body-color);
    --cui-btn-active-bg: rgba(234, 234, 234, 0.95);
    --cui-btn-active-border-color: var(--cui-border-color);
    --cui-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 21, 0.125);
    --cui-btn-disabled-color: rgba(188, 188, 188, 0.8);
    --cui-btn-disabled-bg: rgba(188, 188, 188, 0.3);
    --cui-btn-disabled-border-color: var(--cui-border-color);
}