/* Professional Color Palette */

:root {
    --primary-white: #FFFFFF;
    --primary-dark: #001437;
    --secondary-dark: #1A2C4C;
    --accent-blue: #5FB6DB;
    --text-light: #f8f9fa;
    --border-color: #dee2e6;

    /* Additional chart colors */
    --accent-green: #059669;
    --accent-purple: #7C3AED;
    --accent-orange: #EA580C;
    --text-muted: #6B7280;

    /* RGBA versions for charts (with transparency) */
    --accent-blue-rgba: rgba(95, 182, 219, 0.3);
    --accent-green-rgba: rgba(5, 150, 105, 0.3);
    --accent-purple-rgba: rgba(124, 58, 237, 0.3);
    --accent-orange-rgba: rgba(234, 88, 12, 0.3);
    --secondary-dark-rgba: rgba(26, 44, 76, 0.3);
}

/* Override Bootstrap primary */
.bg-primary {
    background-color: var(--primary-dark) !important;
}

.btn-primary {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}

.btn-primary:hover {
    background-color: var(--secondary-dark);
    border-color: var(--secondary-dark);
}

.btn-outline-primary {
    color: var(--primary-dark);
    border-color: var(--primary-dark);
}

.btn-outline-primary:hover {
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}

.text-primary {
    color: var(--primary-dark) !important;
}

.border-primary {
    border-color: var(--primary-dark) !important;
}

/* Secondary */
.bg-secondary {
    background-color: var(--secondary-dark) !important;
}

.btn-secondary {
    background-color: var(--secondary-dark);
    border-color: var(--secondary-dark);
}

.text-secondary {
    color: var(--secondary-dark) !important;
}

/* Accent */
.bg-accent {
    background-color: var(--accent-blue) !important;
}

.text-accent {
    color: var(--accent-blue) !important;
}

/* Nav tabs */
.nav-tabs .nav-link {
    color: var(--secondary-dark);
}

.nav-tabs .nav-link.active {
    color: var(--primary-dark);
    border-bottom-color: var(--accent-blue);
}

.nav-tabs .nav-link:hover {
    color: var(--accent-blue);
}

/* Cards */
.card {
    border-color: var(--border-color);
}

.card-header {
    background-color: var(--primary-dark);
    color: var(--primary-white);
}

/* Progress bars */
.progress-bar {
    background-color: var(--accent-blue);
}

/* Badges */
.badge.bg-primary {
    background-color: var(--primary-dark) !important;
}

.badge.bg-secondary {
    background-color: var(--secondary-dark) !important;
}

/* Links */
a {
    color: var(--accent-blue);
}

a:hover {
    color: var(--primary-dark);
}