@font-face {
    font-family: 'custom-font';
    src: url('Fonts/Haffer-Regular.otf') format('truetype');
}

body {
    background-color: #F2EFED;
}

/* Bootstrap */
:root {
    --bs-primary: #1D1D1B !important;
    --bs-primary-opacity: rgba(29, 29, 27, 0.8) !important;
    --bs-primary-rgb: 29, 29, 27 !important;
}

/* Buttons */
.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

    .btn-primary:hover {
        background-color: #191817 !important;
        border-color: #191817 !important;
    }

/* NavLink Bootstrap */
.nav-item .nav-link {
    color: #4B4B49 !important;
    border-radius: 10px;
}

    .nav-item .nav-link:hover {
        background-color: #4B4B4950 !important;
        border-color: #424240 !important;
        box-shadow: 0 0 10px #4B4B4950 !important;
    }

    .nav-item .nav-link.active {
        background-color: #42424050 !important;
        border-color: #424240 !important;
        box-shadow: 0 0 10px #42424050 !important;
    }

        .nav-item .nav-link.active:hover {
            background-color: #4B4B4970 !important;
            border-color: #42424070 !important;
        }

/* MudNavMenu */
.mud-drawer svg.mud-icon-root {
    color: white !important;
}

.mud-navmenu .mud-nav-link.active:not(.mud-nav-link-disabled) {
    background-color: #424240 !important;
    color: #F2EFED !important;
    box-shadow: none !important;
}

.mud-navmenu .mud-nav-link:hover {
    background-color: #4B4B49 !important;
    color: #F2EFED !important;
    box-shadow: none !important;
}

.mud-navmenu a:hover {
    background-color: #4B4B49 !important;
    color: #F2EFED !important;
    box-shadow: none !important;
}

.mud-navmenu .mud-nav-link.mud-ripple {
    border-radius: 15px !important;
}

/* Inputs */
.mud-input-numeric-spin {
    margin-right: 12px !important;
}

.mud-input-control-helper-container {
    margin: 0 !important;
}

/* Transitions */
.nav-item .nav-link,
.mud-navmenu .mud-nav-link {
    transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.05s ease-in-out;
}

/* Charts */
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text {
    margin-left: 8px !important;
    margin-bottom: 2px !important;
}

/* SnackBar */
body:has(.mud-dialog-container) .mud-snackbar.mud-snackbar-blurred {
    -webkit-backdrop-filter: brightness(1); /* Safari */
    backdrop-filter: brightness(1);
    background-color: rgba(255, 255, 255, 1);
}

/* MudDialog */
.mud-dialog-content {
    overflow: visible !important;
}