:root, [data-theme="maroon"] {
    --accent-primary: #801B2B;
    --accent-secondary: #A32638;
    --accent-light: rgba(128, 27, 43, 0.12);
    --accent-border: rgba(128, 27, 43, 0.32);
}
[data-theme="gold"] {
    --accent-primary: #B8860B;
    --accent-secondary: #D4AF37;
    --accent-light: rgba(212, 175, 55, 0.12);
    --accent-border: rgba(184, 134, 11, 0.35);
}
[data-theme="sage"] {
    --accent-primary: #4A6B53;
    --accent-secondary: #6B8E76;
    --accent-light: rgba(74, 107, 83, 0.12);
    --accent-border: rgba(74, 107, 83, 0.35);
}
[data-theme="rose"] {
    --accent-primary: #9E5A63;
    --accent-secondary: #C47D87;
    --accent-light: rgba(158, 90, 99, 0.12);
    --accent-border: rgba(158, 90, 99, 0.35);
}
[data-theme="slate"] {
    --accent-primary: #2C3E50;
    --accent-secondary: #476482;
    --accent-light: rgba(44, 62, 80, 0.12);
    --accent-border: rgba(44, 62, 80, 0.35);
}

.eevent-widget-root {
    background: transparent !important;
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: #1E293B;
}
.font-serif { font-family: 'Cormorant Garamond', serif; }
.font-script { font-family: 'Great Vibes', cursive; }

.eevent-card {
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid var(--accent-border);
    box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.07);
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.eevent-card:hover {
    border-color: var(--accent-primary);
    box-shadow: 0 18px 36px -12px rgba(15, 23, 42, 0.11);
}

.eevent-card-clean {
    background: transparent;
    border: 1.5px solid var(--accent-border);
    transition: all 0.3s ease;
}
.eevent-card-clean:hover {
    border-color: var(--accent-primary);
    background: rgba(255, 255, 255, 0.35);
}

.btn-accent {
    background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
    color: #ffffff;
    transition: all 0.3s ease;
}
.btn-accent:hover {
    opacity: 0.94;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px -4px var(--accent-border);
}

.btn-outline-accent {
    border: 1.5px solid var(--accent-border);
    color: var(--accent-primary);
    background: rgba(255, 255, 255, 0.5);
    transition: all 0.25s ease;
}
.btn-outline-accent:hover, .btn-outline-accent.active {
    background: var(--accent-primary);
    color: #ffffff;
    border-color: var(--accent-primary);
}

.text-accent { color: var(--accent-primary); }
.bg-accent-soft { background-color: var(--accent-light); }
.border-accent-soft { border-color: var(--accent-border); }

@keyframes spinSlow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.spin-disc {
    animation: spinSlow 8s linear infinite;
    animation-play-state: paused;
}
.spin-disc.playing {
    animation-play-state: running;
}
@keyframes eqBar {
    0%, 100% { height: 4px; }
    50% { height: 16px; }
}
.eq-bar {
    width: 3px;
    background-color: var(--accent-primary);
    border-radius: 99px;
    height: 4px;
    transition: height 0.2s ease;
}
.playing .eq-bar-1 { animation: eqBar 0.7s ease-in-out infinite; }
.playing .eq-bar-2 { animation: eqBar 0.5s ease-in-out infinite 0.15s; }
.playing .eq-bar-3 { animation: eqBar 0.8s ease-in-out infinite 0.3s; }
.playing .eq-bar-4 { animation: eqBar 0.6s ease-in-out infinite 0.1s; }
.atm-chip {
    background: linear-gradient(135deg, #e6c875 0%, #c59b27 50%, #f0d78c 100%);
    position: relative;
    overflow: hidden;
}