:root[data-theme="blue"] {
    --primary-color: #1a237e;
    --secondary-color: #283593;
    --accent-color: #3949ab;
    --light-color: #e8eaf6;
    --dark-color: #0d1238;
}

/* Additional theme-specific styles */
.btn-primary {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
}

.hero-section {
    background: linear-gradient(rgba(26, 35, 126, 0.9), rgba(39, 51, 147, 0.9)), url('../images/hero-bg.jpg');
}