:root {
    --bs-primary: #b5741a; /* MLA Sampark Gold */
    --bs-primary-dark: #9c6216; /* Hover / darker shade */
    --bs-secondary: #2d3748;
    --bs-success: #2f855a;
    --bs-warning: #dd6b20;
    --bs-danger: #c53030;
}

/* App background */
body {
    background-color: #f4f6f9;
}

/* Navbar */
.app-navbar {
    background-color: var(--bs-primary) !important;
}

    /* Navbar brand & links */
    .app-navbar .navbar-brand,
    .app-navbar .nav-link,
    .app-navbar .navbar-text {
        color: #ffffff !important;
        font-weight: 500;
    }

        /* Nav links hover */
        .app-navbar .nav-link:hover {
            color: #ffe6b3 !important;
        }

/* Toggler icon (mobile) */
.navbar-light .navbar-toggler {
    border-color: rgba(255,255,255,0.4);
}

.navbar-light .navbar-toggler-icon {
    filter: invert(1);
}

/* Optional polish */
.card {
    border-radius: 0.75rem;
}
/* LOGIN CARD HEADER */
.login-header {
    background-color: var(--bs-primary);
    color: #ffffff;
    border-bottom: none;
}

/* LOGIN BUTTON */
.btn-theme {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-color: #ffffff;
    --bs-btn-hover-bg: var(--bs-primary-dark);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-active-bg: #8a5713;
    --bs-btn-active-color: #ffffff;
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary-dark);
    --bs-btn-active-border-color: #8a5713;
    --bs-btn-focus-shadow-rgb: 181, 116, 26;
    font-weight: 500;
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary-dark);
    --bs-btn-active-bg: #8a5713;
}

.btn-theme:hover {
    background-color: var(--bs-primary-dark);
    color: #ffffff;
}

/* Focus */
.btn-theme:focus,
.btn-theme:focus-visible {
    background-color: var(--bs-primary-dark);
    color: #ffffff;
    box-shadow: 0 0 0 0.2rem rgba(181, 116, 26, 0.35);
}

/* Active (mouse down) */
.btn-theme:active,
.btn-theme.active {
    background-color: #8a5713; /* slightly darker than primary-dark */
    color: #ffffff;
}

/* Disabled */
.btn-theme:disabled {
    background-color: #d1a15d;
    color: #ffffff;
    opacity: 0.65;
}

/* INPUT FOCUS */
.form-control:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.15rem rgba(31, 122, 140, 0.25);
}
/* Dashboard */
.bg-teal {
    background-color: #1f7a8c !important;
}

.dashboard-card {
    border-radius: 0.75rem;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

    .dashboard-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
    }

/* Chart Placeholder */
.chart-placeholder {
    height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #f8f9fa;
    border-radius: 0.5rem;
}