:root {
    --primary-color: #E8D0B8;
    --secondary-color: #1A2552;
    --hover-primary: #d4bca3;
    --hover-secondary: #0f1a3d;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

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

.bg-secondary-custom {
    background-color: var(--secondary-color) !important;
}

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

.text-secondary-custom {
    color: var(--secondary-color) !important;
}

.btn-primary-custom {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: white;
}

.btn-primary-custom:hover {
    background-color: var(--hover-secondary);
    border-color: var(--hover-secondary);
    color: white;
}

.btn-primary-custom:focus,
.btn-primary-custom:active {
    background-color: var(--hover-secondary) !important;
    border-color: var(--hover-secondary) !important;
    box-shadow: 0 0 0 0.25rem rgba(26, 37, 82, 0.5) !important;
}

.card {
    border-radius: 15px;
}

.form-control:focus {
    border-color: var(--secondary-color);
    box-shadow: 0 0 0 0.25rem rgba(26, 37, 82, 0.25);
}

.sidebar {
    min-height: calc(100vh - 56px);
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.sidebar .nav-link {
    font-weight: 500;
    color: #333;
    padding: 0.75rem 1rem;
    border-radius: 0.375rem;
    margin: 0.25rem 0;
}

.sidebar .nav-link:hover {
    background-color: var(--primary-color);
    color: var(--secondary-color);
}

.sidebar .nav-link.active {
    background-color: var(--secondary-color);
    color: white;
}

.sidebar .nav-link i {
    margin-right: 0.5rem;
}

.table-dark {
    background-color: var(--secondary-color);
}

.navbar-brand img {
    border-radius: 5px;
}

.modal-header {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

@media (max-width: 767.98px) {
    .sidebar {
        min-height: auto;
    }
}