/* Bootstrap CSS Variable Overrides for Micantis Brand Colors */
:root {
    /* Override Bootstrap's primary color */
    --bs-primary: #556DAF;
    --bs-primary-rgb: 85, 109, 175;
    
    /* Override Bootstrap's blue (used in various components) */
    --bs-blue: #556DAF;
    --bs-blue-rgb: 85, 109, 175;
    
    /* Success color using our energy color */
    --bs-success: #00C896;
    --bs-success-rgb: 0, 200, 150;
    
    /* Warning color */
    --bs-warning: #FFB800;
    --bs-warning-rgb: 255, 184, 0;
    
    /* Danger color using our accent */
    --bs-danger: #E55555;
    --bs-danger-rgb: 229, 85, 85;
    
    /* Info color using our primary */
    --bs-info: #556DAF;
    --bs-info-rgb: 85, 109, 175;
    
    /* Link colors */
    --bs-link-color: #556DAF;
    --bs-link-color-rgb: 85, 109, 175;
    --bs-link-hover-color: #3A4A7A;
    --bs-link-hover-color-rgb: 58, 74, 122;
    
    /* Form control focus color */
    --bs-focus-ring-color: rgba(85, 109, 175, 0.25);
    
    /* Component states */
    --bs-component-active-bg: #556DAF;
    --bs-component-active-color: #fff;
}

/* Override default link styling */
a {
    color: var(--micantis-primary);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--micantis-primary-dark);
    text-decoration: underline;
}

/* Override form control focus states */
.form-control:focus,
.form-select:focus {
    border-color: var(--micantis-primary);
    box-shadow: 0 0 0 0.25rem rgba(85, 109, 175, 0.25);
}

/* Override badge colors */
.badge.bg-primary {
    background-color: var(--micantis-primary) !important;
}

.badge.bg-success {
    background-color: var(--micantis-energy) !important;
}

/* Override alert colors */
.alert-primary {
    background-color: rgba(85, 109, 175, 0.1);
    border-color: rgba(85, 109, 175, 0.2);
    color: var(--micantis-primary-dark);
}

.alert-success {
    background-color: rgba(0, 200, 150, 0.1);
    border-color: rgba(0, 200, 150, 0.2);
    color: var(--micantis-energy-dark);
}

/* Override progress bar */
.progress-bar {
    background-color: var(--micantis-primary);
}

/* Override pagination */
.page-link {
    color: var(--micantis-primary);
}

.page-link:hover {
    color: var(--micantis-primary-dark);
    background-color: var(--micantis-gray-100);
}

.page-item.active .page-link {
    background-color: var(--micantis-primary);
    border-color: var(--micantis-primary);
}

/* Override dropdown items */
.dropdown-item:hover,
.dropdown-item:focus {
    background-color: var(--micantis-gray-100);
    color: var(--micantis-primary);
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--micantis-primary);
    color: white;
}

/* Override custom checkbox/radio */
.form-check-input:checked {
    background-color: var(--micantis-primary);
    border-color: var(--micantis-primary);
}

.form-check-input:focus {
    border-color: var(--micantis-primary-light);
    box-shadow: 0 0 0 0.25rem rgba(85, 109, 175, 0.25);
}

/* Override switches */
.form-switch .form-check-input:checked {
    background-color: var(--micantis-primary);
    border-color: var(--micantis-primary);
}

/* Override spinner */
.spinner-border-sm {
    color: var(--micantis-primary);
}

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

.text-success {
    color: var(--micantis-energy) !important;
}

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

/* Background color utilities */
.bg-primary {
    background-color: var(--micantis-primary) !important;
}

.bg-success {
    background-color: var(--micantis-energy) !important;
}

.bg-light {
    background-color: var(--micantis-gray-100) !important;
}

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