:root {
    /* --- Brand Navy (from logo: #0c2d5f) --- */
    --bs-primary: #0c2d5f;
    --bs-primary-rgb: 12, 45, 95;

    /* --- Darker Navy (sidebar / hover) --- */
    --bs-secondary: #08213f;
    --bs-secondary-rgb: 8, 33, 63;

    /* --- Brand Orange (accent / highlights) --- */
    --brand-orange: #f58220;
    --brand-orange-rgb: 245, 130, 32;
    --brand-orange-dark: #dc6a0c;

    /* Force links to use your primary color */
    --bs-link-color: #0c2d5f;
    --bs-link-color-rgb: 12, 45, 95;

    /* Link hover -> orange accent */
    --bs-link-hover-color: #dc6a0c;
    --bs-link-hover-color-rgb: 220, 106, 12;
}

/* Primary button (navy) */
.btn-primary {
    --bs-btn-bg: #0c2d5f;
    --bs-btn-border-color: #0c2d5f;
    --bs-btn-hover-bg: #091f44;
    --bs-btn-hover-border-color: #091f44;
    --bs-btn-active-bg: #06182f;
    --bs-btn-active-border-color: #06182f;
}

/* Secondary button (darker navy) */
.btn-secondary {
    --bs-btn-bg: #08213f;
    --bs-btn-border-color: #08213f;
    --bs-btn-hover-bg: #06182f;
    --bs-btn-hover-border-color: #06182f;
    --bs-btn-active-bg: #03101f;
    --bs-btn-active-border-color: #03101f;
}

/* Orange accent button */
.btn-orange {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f58220;
    --bs-btn-border-color: #f58220;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc6a0c;
    --bs-btn-hover-border-color: #dc6a0c;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b85708;
    --bs-btn-active-border-color: #b85708;
}

.btn-outline-primary {
    --bs-btn-active-color: #ffffff;
}

/* Brand orange utility helpers */
.text-orange { color: #f58220 !important; }
.bg-orange { background-color: #f58220 !important; color: #fff !important; }

body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
}

html {
    height: -webkit-fill-available;
}

main {
    display: flex;
    flex-wrap: nowrap;
    height: 100vh;
    height: -webkit-fill-available;
    max-height: 100vh;
    overflow-x: auto;
    overflow-y: hidden;
}

.nav-link.active {
    --bs-nav-pills-link-active-bg: #08213f;
}

.col-fit {
    white-space: nowrap;
    width: 1%;
}