@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

:root {
    --bs-primary: #0f4184;
    --bs-font-sans-serif: 'Roboto', sans-serif;
}


body,
html {
    height: 100%;
    margin: 0;
    background-color: white;
}

.sidebar-accent {
    width: 1.5rem;
    background-color: var(--bs-primary);
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
}

.main-content {
    margin-left: 2rem;
    padding: 2rem;
}

#loading-overlay {
    display: none;
}

.list-group-item:hover {
    background-color: #f1f4f9;
    transition: 0.3s;
}

body {
    font-family: var(--bs-font-sans-serif);
}

.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #0d3a75;
    /* Slightly darker shade for hover */
    border-color: #0c346a;
}

.alert-primary {
    background-color: #e7ecf3;
    /* Light tint for alert background */
    border-color: #ccd9e6;
    color: var(--bs-primary);
}

.bg-primary {
    background-color: var(--bs-primary) !important;

}

.text-primary {
    color: var(--bs-primary) !important;
}