/* Professional Color Palette - ING Theme */

:root {
    --primary-white: #FFFFFF;
    --primary-dark: #FF6200;
    --secondary-dark: #E55800;
    --accent-blue: #FF6200;
    --text-light: #f8f9fa;
    --border-color: #dee2e6;

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

    /* RGBA versions for charts (with transparency) */
    --accent-blue-rgba: rgba(255, 98, 0, 0.3);
    --accent-green-rgba: rgba(5, 150, 105, 0.3);
    --accent-purple-rgba: rgba(255, 98, 0, 0.3);
    --accent-orange-rgba: rgba(255, 98, 0, 0.3);
    --secondary-dark-rgba: rgba(229, 88, 0, 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: #6c757d;
    border-color: #6c757d;
}

.text-secondary {
    color: #6c757d !important;
}

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

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

/* Nav tabs */
.nav-tabs .nav-link {
    color: #666;
}

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

.nav-tabs .nav-link:hover {
    color: var(--primary-dark);
}

/* 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(--primary-dark);
}

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

.badge.bg-secondary {
    background-color: #6c757d !important;
}

/* Links */
a {
    color: var(--primary-dark);
}

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