/* ----- Root variables ----- */
:root {
    --bs-primary: #e6c200; /* Fortress yellow */
    --bs-secondary: #444444; /* Fortress dark gray */
    --bs-dark: #222222;
    --bs-light: #f8f8f8;
}

/* ----- Top navbar ----- */
.top-row.navbar {
    background-color: var(--bs-secondary) !important;
    color: var(--bs-light) !important;
}

    .top-row.navbar .navbar-brand {
        color: var(--bs-light) !important;
    }

/* ----- Sidebar navigation ----- */
.nav-scrollable {
    background-color: #f0f0f0; /* light gray for sidebar */
}

    .nav-scrollable .nav-link {
        color: var(--bs-dark) !important;
    }

        .nav-scrollable .nav-link.active {
            background-color: var(--bs-primary) !important;
            color: var(--bs-dark) !important;
        }

        /* Hover state */
        .nav-scrollable .nav-link:hover {
            background-color: #d4b000 !important;
            color: var(--bs-dark) !important;
        }

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

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

/* ----- Body & cards ----- */
body {
    background-color: var(--bs-light) !important;
    color: var(--bs-dark) !important;
    font-family: 'Segoe UI', sans-serif;
}

.card {
    border-radius: 12px;
    border: 1px solid #ddd;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}