/* ============================================================
   ERA 1 CUSTOM STYLES (Red Theme - #b91c1c)
   From era1.php
   ============================================================ */

/* 1. Hero Section & Theme Colors */
:root {
    --era1-primary: #b91c1c;
    --era1-primary-dark: #991b1b;
}

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

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

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

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

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

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

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