/* Theme Color Utilities */
.bg-primary {
    background-color: var(--primary-color) !important;
}

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

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

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

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

.bg-gradient {
    background: var(--bg-gradient) !important;
}

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

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

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

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

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

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

/* Section Styles */
.section-primary {
    background-color: var(--primary-color);
    color: var(--text-white);
}

.section-light {
    background-color: var(--bg-light);
    color: var(--text-color);
}

.section-gradient {
    background: var(--bg-gradient);
    color: var(--text-white);
}

/* Cards and Components */
.card {
    border-color: var(--border-color);
    transition: all 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(79, 132, 196, 0.1);
}

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

/* Links */
a {
    color: var(--primary-color);
    transition: color 0.3s ease;
}

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