/**
 * Red Theme - Urgency, Action, CTA
 * Use for high-priority courses and calls-to-action
 */

.theme-red {
 --color-primary: #dc2626;
 --color-primary-light: #ef4444;
 --color-primary-dark: #b91c1c;
 --color-primary-rgb: 220, 38, 38;

 --color-accent: #f87171;
 --color-accent-light: #fca5a5;

 /* Semantic overrides */
 --color-bg-hero: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
 --color-bg-section: #fff5f5;
 --color-border-accent: var(--color-primary);
}

.theme-red .btn-primary {
 background: var(--color-primary);
}

.theme-red .btn-primary:hover {
 background: var(--color-primary-dark);
}

.theme-red .card:hover {
 border-color: var(--color-primary-light);
 box-shadow: 0 10px 25px -5px rgba(220, 38, 38, 0.2);
}

.theme-red .logo-text {
 color: var(--color-primary);
}

.theme-red .nav-menu a::after {
 background: var(--color-primary);
}

.theme-red .hero {
 background: linear-gradient(135deg, #fef2f2 0%, #ffffff 100%);
}

.theme-red .btn-cta {
 background: #b91c1c;
 animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
 0%, 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.4); }
 50% { box-shadow: 0 0 0 10px rgba(220, 38, 38, 0); }
}