/* ============================================================
   ERA 3 CUSTOM STYLES (Green Theme - #059669)
   From era3.php
   ============================================================ */

/* 1. Hero Section & Theme Colors */
:root {
    --era3-primary: #059669;
    --era3-primary-dark: #047857;
}

/* 2. Timeline Styles */
.timeline-item span {
    border-color: var(--era3-primary) !important;
}

.timeline-item h4 {
    color: var(--era3-primary) !important;
}

/* 3. Executive Section */
.filter-btn.active {
    background-color: var(--era3-primary) !important;
}

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

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

/* 4. Music Player Section */
.playlist-container .bg-white\/20 {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.song-item:hover .material-symbols-outlined {
    color: var(--era3-primary) !important;
}

/* 5. Regalia Section */
#regalia-container .text-\[#059669\] {
    color: var(--era3-primary) !important;
}

.group-hover\:text-\[#059669\]:hover {
    color: var(--era3-primary) !important;
}