/* Unified 3-Color System for Landing Page */
:root {
    --primary: #1A237E;
    /* Deep Blue */
    --secondary: #AAAAAA;
    /* Light Gray */
    --accent: #EAEDF9;
    /* Very Light Blue */
}

/* ===== LANDING PAGE SPECIFIC OVERRIDES ===== */

/* Primary Elements */
.site-button,
.btn-primary,
.bg-primary,
.pagination>.active>a {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: white !important;
}

/* Secondary Elements */
.bg-secondary,
.btn-secondary {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
}

/* Highlight Elements */
.site-button:hover,
.btn-primary:hover,
.header-nav .nav>li>a:hover,
.header-nav .nav>li:hover>a {
    /* background-color: var(--accent) !important; */
    border-color: var(--accent) !important;
    /* color: #fff !important; */
}

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

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

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

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

a:hover {
    /* color: var(--accent) !important; */
}

/* Form Elements */
.form-control:focus {
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 0.2rem rgba(234, 237, 249, 0.25) !important;
}

/* Navigation */
.header-nav .nav>li.active>a {
    /* color: var(--primary) !important; */
}

/* Buttons */
.site-button.outline {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.site-button.outline:hover {
    color: #fff !important;
    background-color: var(--primary) !important;
}

/* ===== BADGE COLORS ===== */
.badge.bg-success,
.badge.bg-primary,
.badge.badge-success,
.badge.badge-primary {
    background-color: var(--primary) !important;
    color: white !important;
}

.badge.bg-secondary,
.badge.bg-warning,
.badge.bg-danger,
.badge.bg-info,
.badge.badge-secondary,
.badge.badge-warning,
.badge.badge-danger,
.badge.badge-info {
    background-color: var(--secondary) !important;
    color: white !important;
}

.badge.bg-light,
.badge.badge-light {
    background-color: var(--accent) !important;
    color: white !important;
}

/* ===== BUTTON COLORS ===== */
.btn-success,
.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: white !important;
}

.btn-success:hover,
.btn-primary:hover {
    background-color: var(--accent) !important;
    border-color: var(--accent) !important;
    color: var(--primary) !important;
}

.btn-secondary,
.btn-warning,
.btn-danger,
.btn-info {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
    color: white !important;
}

.btn-secondary:hover,
.btn-warning:hover,
.btn-danger:hover,
.btn-info:hover {
    background-color: var(--accent) !important;
    border-color: var(--accent) !important;
    color: white !important;
}

/* ===== ICON COLORS ===== */
[data-feather],
.feather,
.icon,
.fa,
.fas,
.far,
.fab {
    /* color: var(--secondary) !important; */
}

.text-primary [data-feather],
.text-primary .feather,
.text-primary .icon,
.text-primary .fa,
.text-primary .fas,
.text-primary .far,
.text-primary .fab {
    color: var(--primary) !important;
}

.text-secondary [data-feather],
.text-secondary .feather,
.text-secondary .icon,
.text-secondary .fa,
.text-secondary .fas,
.text-secondary .far,
.text-secondary .fab {
    color: var(--secondary) !important;
}

.text-info [data-feather],
.text-info .feather,
.text-info .icon,
.text-info .fa,
.text-info .fas,
.text-info .far,
.text-info .fab {
    color: var(--accent) !important;
}

/* ===== BACKGROUND COLORS ===== */
.bg-success,
.bg-primary {
    background-color: var(--primary) !important;
}

.bg-secondary,
.bg-warning,
.bg-danger,
.bg-info {
    background-color: var(--secondary) !important;
}

.bg-light {
    background-color: var(--accent) !important;
}

/* ===== ALERTS ===== */
.alert-success,
.alert-primary {
    background-color: rgba(26, 35, 126, 0.1) !important;
    border-color: var(--primary) !important;
    color: var(--primary) !important;
}

.alert-secondary,
.alert-warning,
.alert-danger,
.alert-info {
    background-color: rgba(108, 117, 125, 0.1) !important;
    border-color: var(--secondary) !important;
    color: var(--secondary) !important;
}

/* ===== NAVIGATION ===== */
.navbar-nav .nav-link.active {
    background-color: var(--primary) !important;
    color: white !important;
}

.navbar-nav .nav-link:hover {
    color: var(--accent) !important;
}

/* ===== DROPDOWNS ===== */
.dropdown-item:hover {
    background-color: var(--accent) !important;
    color: white !important;
}

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

/* ===== PAGINATION ===== */
.page-item.active .page-link {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.page-link {
    color: var(--primary) !important;
}

.page-link:hover {
    color: var(--accent) !important;
}

/* ===== CUSTOM UTILITY CLASSES ===== */
.bg-accent {
    background-color: var(--accent) !important;
}

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

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

/* ===== HOVER EFFECTS ===== */
.hover-primary:hover {
    color: var(--primary) !important;
}

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

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

/* ===== FOCUS STATES ===== */
.btn:focus,
.form-control:focus,
.form-select:focus {
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 0.2rem rgba(234, 237, 249, 0.25) !important;
}

/* ===== DISABLED STATES ===== */
.btn:disabled,
.form-control:disabled {
    background-color: var(--secondary) !important;
    opacity: 0.6 !important;
}

/* ===== PRINT STYLES ===== */
@media print {

    .badge,
    .btn,
    .alert {
        border: 1px solid var(--secondary) !important;
        color: var(--secondary) !important;
    }
}