/* Generation Color Themes */
body.gen-1 {
    --primary-color: #00B7B5;
    --primary-dark: #009a98;
    --primary-light: #66d9d6;
}

body.gen-2 {
    --primary-color: #7B4019;
    --primary-dark: #5a2f12;
    --primary-light: #a05a2c;
}

body.gen-3 {
    --primary-color: #7132CA;
    --primary-dark: #5a28a0;
    --primary-light: #9b6dd4;
}

body.gen-4 {
    --primary-color: #DDDDDD;
    --primary-dark: #999999;
    --primary-light: #EEEEEE;
}

body.gen-5 {
    --primary-color: #0046FF;
    --primary-dark: #0036cc;
    --primary-light: #4d7aff;
}

body.gen-6 {
    --primary-color: #BF1A1A;
    --primary-dark: #8f1414;
    --primary-light: #d94747;
}

/* Apply colors to generation pages */
body[class*="gen-"] .generation-hero {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
}

body[class*="gen-"] .generation-hero::before {
    background: radial-gradient(circle, rgba(255,255,255,0.15) 1px, transparent 1px);
    background-size: 40px 40px;
}

body[class*="gen-"] .generation-hero::after {
    background: radial-gradient(circle at 20% 80%, var(--primary-light) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, var(--primary-light) 0%, transparent 50%);
    opacity: 0.2;
}

body[class*="gen-"] .section-title {
    color: var(--primary-color);
}

body[class*="gen-"] .generation-hero-logo {
    border-color: var(--primary-light);
}

body[class*="gen-"] .activity-card i,
body[class*="gen-"] .support-card i,
body[class*="gen-"] .target-item i,
body[class*="gen-"] .vision-box h3,
body[class*="gen-"] .targets h3,
body[class*="gen-"] .timeline-content h3,
body[class*="gen-"] .achievements h3,
body[class*="gen-"] .alumni-profession {
    color: var(--primary-color);
}

body[class*="gen-"] .timeline-item.completed .timeline-marker {
    background: var(--primary-color);
}

body[class*="gen-"] .timeline-item.active .timeline-marker {
    background: var(--primary-light);
}

body[class*="gen-"] .vision-box,
body[class*="gen-"] .achievements li::before {
    border-left-color: var(--primary-color);
    color: var(--primary-color);
}

body[class*="gen-"] .generation-motto {
    background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
}

body[class*="gen-"] .btn-primary {
    background: var(--primary-color);
}

body[class*="gen-"] .btn-primary:hover {
    background: var(--primary-dark);
}

body[class*="gen-"] .activity-card:hover,
body[class*="gen-"] .support-card:hover,
body[class*="gen-"] .alumni-card:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

body[class*="gen-"] .alumni-contact a {
    color: var(--primary-color);
}

body[class*="gen-"] .alumni-contact a:hover {
    color: var(--primary-dark);
}

/* Special styling for gen-4 (light color) */
body.gen-4 .section-title,
body.gen-4 .activity-card i,
body.gen-4 .support-card i,
body.gen-4 .target-item i,
body.gen-4 .vision-box h3,
body.gen-4 .targets h3,
body.gen-4 .timeline-content h3,
body.gen-4 .achievements h3,
body.gen-4 .alumni-profession,
body.gen-4 .alumni-contact a {
    color: #666;
}

body.gen-4 .generation-hero {
    background: linear-gradient(135deg, #DDDDDD, #AAAAAA);
}

body.gen-4 .generation-motto {
    background: linear-gradient(135deg, #DDDDDD, #AAAAAA);
    color: #333;
}

body.gen-4 .btn-primary {
    background: #999999;
    color: white;
}

body.gen-4 .btn-primary:hover {
    background: #666666;
}