/*
 * Course card header themes – bright neon palette, black typography.
 * Loaded globally via course_cards.css.
 */

:root {
    --course-neon-exam: #ff3366;
    --course-neon-exam-light: #ff6b9d;
    --course-neon-exam-dark: #ff1744;

    --course-neon-lecture: #00e5ff;
    --course-neon-lecture-light: #66ffff;
    --course-neon-lecture-dark: #00b8d4;

    --course-neon-seminar: #00ffaa;
    --course-neon-seminar-light: #66ffc8;
    --course-neon-seminar-dark: #00e676;

    --course-neon-project: #ff9100;
    --course-neon-project-light: #ffab40;
    --course-neon-project-dark: #ff6d00;

    --course-neon-practice: #ccff00;
    --course-neon-practice-light: #e6ff66;
    --course-neon-practice-dark: #aeea00;

    --course-neon-meeting: #b388ff;
    --course-neon-meeting-light: #d1b3ff;
    --course-neon-meeting-dark: #7c4dff;

    --course-neon-misc: #ea80fc;
    --course-neon-misc-light: #f48fb1;
    --course-neon-misc-dark: #e040fb;

    --course-neon-default: #ffee58;
    --course-neon-default-light: #ffff8d;
    --course-neon-default-dark: #fdd835;

    --course-header-text: #000;
    --course-header-badge-bg: rgba(0, 0, 0, 0.12);
}

.course-card-header {
    color: var(--course-header-text);
}

.course-card-header::after {
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.22) 0%,
        rgba(0, 0, 0, 0.05) 100%
    );
}

.course-header-type {
    background: var(--course-header-badge-bg);
    color: var(--course-header-text);
}

.course-card-title a,
.course-card-title span {
    color: var(--course-header-text);
    text-shadow: none;
}

.course-card-title a:hover {
    color: var(--course-header-text);
}

.course-theme-exam {
    background-color: var(--course-neon-exam);
    background-image:
        repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.07) 0 8px, transparent 8px 16px),
        linear-gradient(135deg, var(--course-neon-exam-light) 0%, var(--course-neon-exam-dark) 100%);
}

.course-theme-lecture {
    background-color: var(--course-neon-lecture);
    background-image:
        linear-gradient(rgba(0, 0, 0, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 0, 0, 0.06) 1px, transparent 1px),
        linear-gradient(135deg, var(--course-neon-lecture-light) 0%, var(--course-neon-lecture-dark) 100%);
    background-size: 14px 14px, 14px 14px, 100% 100%;
}

.course-theme-seminar {
    background-color: var(--course-neon-seminar);
    background-image:
        radial-gradient(circle, rgba(0, 0, 0, 0.08) 1.5px, transparent 2px),
        linear-gradient(135deg, var(--course-neon-seminar-light) 0%, var(--course-neon-seminar-dark) 100%);
    background-size: 12px 12px, 100% 100%;
}

.course-theme-project {
    background-color: var(--course-neon-project);
    background-image:
        repeating-linear-gradient(60deg, rgba(0, 0, 0, 0.06) 0 10px, transparent 10px 20px),
        repeating-linear-gradient(-60deg, rgba(255, 255, 255, 0.12) 0 10px, transparent 10px 20px),
        linear-gradient(135deg, var(--course-neon-project-light) 0%, var(--course-neon-project-dark) 100%);
}

.course-theme-practice {
    background-color: var(--course-neon-practice);
    background-image:
        repeating-linear-gradient(135deg, rgba(0, 0, 0, 0.06) 0 6px, transparent 6px 12px),
        linear-gradient(135deg, var(--course-neon-practice-light) 0%, var(--course-neon-practice-dark) 100%);
}

.course-theme-meeting {
    background-color: var(--course-neon-meeting);
    background-image:
        repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0 4px, transparent 4px 10px),
        linear-gradient(135deg, var(--course-neon-meeting-light) 0%, var(--course-neon-meeting-dark) 100%);
}

.course-theme-misc {
    background-color: var(--course-neon-misc);
    background-image:
        repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 0 1px, transparent 1px 8px),
        repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 0 1px, transparent 1px 8px),
        linear-gradient(135deg, var(--course-neon-misc-light) 0%, var(--course-neon-misc-dark) 100%);
}

.course-theme-default {
    background-color: var(--course-neon-default);
    background-image:
        repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 0 12px, transparent 12px 24px),
        linear-gradient(135deg, var(--course-neon-default-light) 0%, var(--course-neon-default-dark) 100%);
}