:root {
    --color-primary: #1a2a4a;
    --color-secondary: #2c4a7c;
    --color-accent: #cc1a1a;
    --color-dark: #111827;
    --color-light: #f5f5f5;
    --color-primary-light: #2c4a7c;
    --color-primary-dark: #0f1a2e;
    --base-color: #cc1a1a;
}

.text-base-color { color: var(--color-accent) !important; }
.bg-base-color { background-color: var(--color-accent) !important; }
.border-color-base-color { border-color: var(--color-accent) !important; }
.btn-base-color {
    background-color: var(--color-accent) !important;
    border-color: var(--color-accent) !important;
    color: #fff !important;
}
.bg-base-color-transparent { background-color: rgba(204, 26, 26, 0.15) !important; }

/* Topbar: show on mobile preserving flex layout */
@media (max-width: 991px) {
    .header-top-bar {
        display: flex !important;
        align-items: center;
    }
}