/* Custom color overrides */
:root {
    --primary-color: #010064;
    --primary-color-light: #fd994d;
    --primary-color-active: #000032;
    --primary-light: #0200a0;
    --primary-dark: #000032;
    --primary-gradient: linear-gradient(180deg, #010064 2.65%, #0200a0 79.54%);
    --primary-shadow: rgba(1, 0, 100, 0.2);
}

/* Override primary colors in existing elements */
.btn-primary,
.bg-color-primary,
.bg-primary {
    background: var(--primary-gradient) !important;
    box-shadow: 0px 2px 8px 0px var(--primary-shadow) !important;
}

/* Sidebar active state */
.sidebar .nav-item.active {
    background: rgba(51, 49, 200, 0.1);
    color: var(--primary-color-light);
}

/* Links and interactive elements */
a:hover,
.nav-link:hover {
    color: var(--primary-color-light) !important;
}

/* Form elements */
.form-control:focus {
    border-color: var(--primary-color-light);
    box-shadow: 0 0 0 0.2rem rgba(1, 0, 100, 0.25);
}

/* Custom scrollbar */
::-webkit-scrollbar-thumb {
    background: var(--primary-color-light);
}

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

/* Badges and labels */
.badge-primary {
    background-color: var(--primary-color-light);
}

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

/* Text colors */
.text-primary {
    color: var(--primary-color) !important;
}

/* Borders */
.border-primary {
    border-color: var(--primary-color) !important;
}

/* Background utilities */
.bg-primary-light {
    background-color: rgba(1, 0, 100, 0.1) !important;
}

/* Hover states */
.hover-primary:hover {
    background-color: var(--primary-color) !important;
    color: white !important;
}

/* Custom gradients */
.gradient-primary {
    background: var(--primary-gradient) !important;
}

/* Shadows */
.shadow-primary {
    box-shadow: 0 2px 8px var(--primary-shadow) !important;
}