:root {
    --primary: #083C46;
    --secondary: #1CA5A8;
    --highlight: #F4B73F;
    --cream: #F3EED9;
    --white: #FFFFFF;
}

body.obesys-theme {
    background-color: var(--cream);
    color: var(--primary);
}

.main-navbar {
    background-color: var(--primary) !important;
    border-bottom: 2px solid var(--secondary);
}

.main-navbar .nav-link {
    color: var(--white) !important;
}

.main-sidebar {
    background-color: var(--primary);
}

.main-sidebar .sidebar-item.active a {
    background-color: var(--secondary);
    color: var(--white);
}

.main-sidebar .sidebar-menu li a {
    color: var(--cream);
}

.card {
    border-color: rgba(8, 60, 70, 0.2);
    box-shadow: 0 5px 25px rgba(8, 60, 70, 0.08);
}

.card .card-header h4,
.card .card-header {
    background-color: var(--secondary);
    color: var(--white);
}

.btn-primary,
.btn.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--white) !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
}

.badge-primary {
    background-color: var(--secondary) !important;
    color: var(--white);
}

.section {
    background: var(--cream);
}

.navbar .dropdown-menu a {
    color: var(--primary);
}

.avatar img {
    border: 2px solid var(--white);
}

.main-content {
    background: var(--white);
    min-height: calc(100vh - 104px);
    transition: margin 0.3s ease;
}

@media (min-width: 1024px) {
    .main-content {
        margin-left: 260px;
    }
}

.footer-sticky {
    flex-shrink: 0;
}