:root {
    --sunset-bg: #fff4ea;
    --sunset-ink: #2a1738;
    --sunset-violet: #6237a0;
    --sunset-indigo: #3e4cc9;
    --sunset-coral: #ff5f6d;
    --sunset-pink: #ff3cac;
    --sunset-orange: #ff9f43;
    --sunset-gold: #ffd166;
    --sunset-cyan: #32d9c5;
}

body.app-shell {
    background:
        radial-gradient(920px 500px at -12% -12%, rgba(255, 95, 109, 0.22), transparent 58%),
        radial-gradient(920px 500px at 112% -12%, rgba(98, 55, 160, 0.2), transparent 58%),
        linear-gradient(180deg, #fff9f2 0%, var(--sunset-bg) 100%);
    color: var(--sunset-ink);
}

a {
    color: var(--sunset-indigo);
}

a:hover {
    color: var(--sunset-coral);
}

.navbar-custom {
    background: linear-gradient(120deg, #6237a0 0%, #ff3cac 42%, #ff9f43 100%) !important;
    box-shadow: 0 14px 34px rgba(86, 31, 93, 0.34) !important;
}

.navbar-custom .navbar-brand,
.navbar-custom .navbar-brand .font-playfair {
    color: #ffffff !important;
    text-shadow: 0 1px 10px rgba(34, 17, 58, 0.24);
}

.navbar-custom .nav-link:hover,
.navbar-custom .dropdown-toggle:hover {
    background: rgba(255, 255, 255, 0.2) !important;
}

.hero-section {
    background: linear-gradient(130deg, #6237a0 0%, #ff3cac 38%, #ff5f6d 66%, #ff9f43 100%) !important;
}

.hero-section .btn-warning {
    background: linear-gradient(120deg, #ffd166, #ff9f43) !important;
    border-color: transparent !important;
    color: #3a2200 !important;
}

.hero-section .btn-warning:hover {
    background: linear-gradient(120deg, #ffc44d, #ff8e23) !important;
}

.events-filter-panel,
.events-summary,
.card,
.form-shell,
.events-hero,
.empty-events,
.impact-item,
.activities-section .col-md-4,
.about-section .col-md-6,
.cta-section,
.testimonials-section .carousel-item {
    border-color: #ffd9c7 !important;
}

.btn-primary {
    background: linear-gradient(120deg, #6237a0, #3e4cc9) !important;
}

.btn-warning {
    background: linear-gradient(120deg, #ff9f43, #ff5f6d) !important;
}

.btn-info {
    background: linear-gradient(120deg, #32d9c5, #3e4cc9) !important;
}

.btn-success {
    background: linear-gradient(120deg, #00b86b, #32d9c5) !important;
}

.btn-secondary {
    background: linear-gradient(120deg, #ff3cac, #6237a0) !important;
}

.btn-danger {
    background: linear-gradient(120deg, #ff3cac, #ff5f6d) !important;
}

.btn-outline-primary,
.btn-outline-secondary {
    border-color: #6237a0 !important;
    color: #6237a0 !important;
}

.btn-outline-primary:hover,
.btn-outline-secondary:hover {
    background: #6237a0 !important;
}

.alert-success { background: #e8fff5 !important; }
.alert-info { background: #e8f4ff !important; }
.alert-warning { background: #fff1dd !important; }
.alert-danger { background: #ffe7f3 !important; }

.table thead th {
    background: linear-gradient(120deg, #ffe8d8, #ffe0f3) !important;
    color: #512760 !important;
}

.event-card-head {
    background: linear-gradient(120deg, #ffe9de, #ffe3f5) !important;
    border-bottom-color: #ffd3d8 !important;
}

.event-flag {
    box-shadow: 0 8px 16px rgba(131, 49, 101, 0.24) !important;
}

.event-flag-special {
    background: linear-gradient(120deg, #6237a0, #ff3cac) !important;
}

.event-flag-top {
    background: linear-gradient(120deg, #ff9f43, #ff5f6d) !important;
}

.event-meta-item {
    border-bottom-color: #ffdedd !important;
    color: #4f2d56;
}

.event-meta-item i {
    color: #ff5f6d;
}

.modern-stars i {
    color: #ff9f43 !important;
}

.event-state-pill {
    background: #ffe8f6;
    color: #6f2f78;
}

.event-state-pill.is-special {
    background: linear-gradient(120deg, #f1e6ff, #ffe2f3);
    color: #6237a0;
}

.event-state-pill.is-cancelled {
    background: linear-gradient(120deg, #ff3cac, #ff5f6d);
    color: #fff;
}

.events-summary {
    background: linear-gradient(120deg, #ffe8de, #ffe6f8) !important;
}

.badge.bg-danger-soft {
    background: #ffe3f0 !important;
    color: #b1206e !important;
}

.badge.bg-warning-soft {
    background: #ffe8cf !important;
    color: #9f4f06 !important;
}

.badge.bg-info-soft {
    background: #dffaf6 !important;
    color: #0a6f78 !important;
}

.bg-primary { background: #6237a0 !important; }
.bg-info { background: #3e4cc9 !important; }
.bg-success { background: #00b86b !important; }
.bg-warning { background: #ff9f43 !important; }
.bg-danger { background: #ff3cac !important; }

.dropdown-menu {
    border-color: #ffd3e7 !important;
    box-shadow: 0 16px 34px rgba(92, 33, 90, 0.18) !important;
}

.footer {
    background: linear-gradient(120deg, #411f65 0%, #6a2d93 35%, #ff3cac 72%, #ff9f43 100%) !important;
}

.scroll-top-btn {
    background: linear-gradient(120deg, #6237a0, #ff3cac, #ff9f43) !important;
    box-shadow: 0 14px 28px rgba(110, 37, 108, 0.35) !important;
}

@media (max-width: 991px) {
    .navbar-custom .navbar-collapse {
        background: linear-gradient(120deg, #6a3ab0, #ff3cac) !important;
        border-color: rgba(255, 255, 255, 0.32) !important;
    }
}