/* ============================================================
   ERA 2 CUSTOM STYLES (Gold Theme - #ca8a04)
   From era2.php
   ============================================================ */

/* 1. Hero Section & Theme Colors */
:root {
    --era2-primary: #ca8a04;
    --era2-primary-dark: #a16207;
}

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

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

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

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

.executive-card .bg-primary {
    background-color: var(--era2-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(--era2-primary) !important;
}

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

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