:root {
    --primary-color: #0052e0;
    --secondary-color: #0ea5e9;
    --accent-color: #f59e0b;
    --bg-color: #ffffff;
    --text-color: #1e293b;
}

.btn-brand {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: white;
    border: none;
}

.btn-brand:hover {
    background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));
    color: white;
}

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

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

.badge-active {
    background-color: var(--primary-color);
    color: white;
}

.stat-card .icon.bg-primary {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
}

.course-card:hover {
    border-color: var(--primary-color);
    box-shadow: 0 8px 25px rgba(0, 82, 224, 0.12);
}

.course-price {
    color: var(--primary-color);
}

.btn-start {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
}

.btn-buy {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.btn-buy:hover {
    background: var(--primary-color);
    color: white;
}

.package-badge {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
}