:root {
    --logo-gold: #d79a16;
    --logo-gold-light: #f2c45a;
    --logo-gold-deep: #9b6208;
    --logo-brown: #3a200d;
    --logo-black: #17120e;
    --orange: #d35a15;
    --orange-dark: #a6400d;
    --maroon: #681e1b;
    --ink: #2b1b12;
    --line: #e6cf9c;
}

/* Existing maroon/orange foundation enriched with the logo's brown and gold. */
.topbar {
    border-bottom: 1px solid rgba(242, 196, 90, .48);
    background: linear-gradient(90deg, var(--logo-black), var(--logo-brown) 38%, var(--maroon));
}

.navbar {
    border-bottom: 1px solid rgba(215, 154, 22, .22);
    box-shadow: 0 8px 28px rgba(58, 32, 13, .09) !important;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus-visible,
.navbar .nav-link.active {
    color: var(--logo-gold-deep) !important;
}

.navbar .nav-link::after {
    background: linear-gradient(90deg, var(--orange), var(--logo-gold));
}

.btn-saffron,
.btn-admin,
.register-btn,
.mobile-menu-register {
    color: #fff !important;
    border-color: rgba(242, 196, 90, .5) !important;
    background: linear-gradient(135deg, var(--maroon), var(--orange-dark) 58%, var(--logo-gold-deep)) !important;
    box-shadow: 0 8px 20px rgba(104, 30, 27, .2), inset 0 1px rgba(255, 231, 164, .18);
}

.btn-saffron:hover,
.btn-saffron:focus-visible,
.btn-admin:hover,
.btn-admin:focus-visible,
.register-btn:hover,
.register-btn:focus-visible {
    color: #fff !important;
    background: linear-gradient(135deg, #541713, #b3480f 55%, #b9780c) !important;
}

:is(
    .eyebrow,
    .section-subtitle,
    .reach-kicker,
    .registration-kicker,
    .portal-eyebrow,
    .panda-eyebrow,
    .contact-eyebrow,
    .medical-eyebrow,
    .video-page-eyebrow
) {
    color: var(--logo-gold-deep) !important;
}

:is(
    .mela-attractions-heading,
    .pilgrimage-section-heading,
    .updates-section-heading,
    .social-feed-heading,
    .leaders-compact-heading
) em {
    color: var(--logo-gold-deep) !important;
}

:is(
    .inner-breadcrumb-divider,
    .title-ornament,
    .reach-ornament,
    .about-heading-divider
) {
    border-color: var(--logo-gold) !important;
}

:is(
    .inner-breadcrumb-divider,
    .title-ornament,
    .reach-ornament,
    .about-heading-divider
)::after,
:is(.feature-heading, .pilgrimage-section-heading) > h2::after {
    background: linear-gradient(90deg, var(--orange), var(--logo-gold)) !important;
}

.home-hero-action-icon,
.mela-attraction-icon,
.highlights-panel-heading > span,
.updates-panel-heading > div > span {
    color: var(--logo-gold-deep);
}

.site-footer {
    border-top-color: var(--logo-gold);
    background-color: var(--logo-black);
}

.site-footer .footer-welcome-title,
.site-footer .footer-column h3 {
    color: var(--logo-gold-light);
}

.site-footer .footer-column h3::after {
    background: linear-gradient(90deg, var(--orange), var(--logo-gold));
}

.site-footer .socials a:hover,
.site-footer .socials a:focus-visible,
.site-footer .footer-column a:hover,
.site-footer .footer-column a:focus-visible {
    color: var(--logo-gold-light);
}

.admin-sidebar {
    background: linear-gradient(180deg, #631d16, var(--logo-brown) 68%, var(--logo-black));
}

.admin-heading h1,
.admin-profile-page h2,
.admin-profile-password-card h2 {
    color: #5e1d16;
}

.admin-user-trigger {
    border-color: rgba(215, 154, 22, .35);
    background: linear-gradient(135deg, var(--maroon), #a33d10 72%, var(--logo-gold-deep));
}

/* Homepage palette: keep every decorative card in the logo's maroon/brown/gold family. */
.home-hero-quicklinks {
    background: linear-gradient(180deg, #fff 0%, #fffaf0 100%);
}

.home-hero-quicklinks-inner > a,
.home-hero-quicklinks-inner > a:nth-child(2),
.home-hero-quicklinks-inner > a:nth-child(3),
.home-hero-quicklinks-inner > a:nth-child(5),
.home-hero-quicklinks-inner > a:nth-child(6) {
    --card-accent: var(--logo-gold-deep);
    --card-soft: #fff4d9;
    color: var(--logo-brown);
    border-color: rgba(155, 98, 8, .25);
    background: linear-gradient(145deg, #fff 12%, #fff8e9 100%);
    box-shadow: 0 12px 30px rgba(58, 32, 13, .1);
}

.home-hero-quicklinks-inner > a:nth-child(even) {
    --card-accent: var(--orange-dark);
    --card-soft: #f9e7cf;
    background: linear-gradient(145deg, #fff 12%, #fdf3e5 100%);
}

.home-hero-quicklinks-inner > a::before {
    background: linear-gradient(90deg, var(--maroon), var(--orange), var(--logo-gold));
}

.home-hero-quicklinks-inner > a + a {
    border-left-color: rgba(155, 98, 8, .25);
}

.home-hero-quicklinks-inner > a:hover,
.home-hero-quicklinks-inner > a:focus-visible {
    color: var(--maroon);
    border-color: var(--logo-gold);
    box-shadow: 0 19px 38px rgba(58, 32, 13, .17);
}

.home-hero-action-icon {
    color: var(--logo-gold-light);
    background: linear-gradient(145deg, var(--maroon), var(--logo-brown)) !important;
    box-shadow: 0 8px 18px rgba(58, 32, 13, .22);
}

.home-hero-action-copy small {
    color: #765f4f;
}

.home-hero-action-arrow {
    color: var(--logo-gold-deep);
    border-color: rgba(155, 98, 8, .25);
    background: rgba(255, 253, 246, .94);
}

.home-hero-quicklinks-inner > a:hover .home-hero-action-arrow,
.home-hero-quicklinks-inner > a:focus-visible .home-hero-action-arrow {
    color: #fff;
    background: var(--maroon);
}

.mela-attractions-section {
    background:
        radial-gradient(circle at 8% 12%, rgba(215, 154, 22, .09), transparent 25%),
        radial-gradient(circle at 92% 88%, rgba(104, 30, 27, .07), transparent 27%),
        #fffdf8;
}

.home-page main > .home-priority-updates {
    background:
        radial-gradient(circle at 8% 8%, rgba(215, 154, 22, .1), transparent 24%),
        radial-gradient(circle at 93% 90%, rgba(104, 30, 27, .07), transparent 28%),
        linear-gradient(145deg, #fffdf8 0%, #fff6e5 52%, #fbefdc 100%);
}

.home-page main > .mela-attractions-section {
    background:
        radial-gradient(circle at 86% 16%, rgba(215, 154, 22, .1), transparent 23%),
        radial-gradient(circle at 12% 86%, rgba(104, 30, 27, .07), transparent 24%),
        linear-gradient(135deg, #fffdf8 0%, #fff8ec 55%, #f9ecd9 100%);
}

.home-page main > .social-feed-section {
    background:
        radial-gradient(circle at 6% 12%, rgba(211, 84, 29, .08), transparent 22%),
        radial-gradient(circle at 94% 88%, rgba(215, 154, 22, .1), transparent 26%),
        linear-gradient(140deg, #fffdf8 0%, #fff4df 52%, #f9ead7 100%);
}

.home-page #main-content > .compact-section {
    background-image:
        radial-gradient(circle at 92% 20%, rgba(215, 154, 22, .1), transparent 26%),
        radial-gradient(circle at 10% 84%, rgba(104, 30, 27, .07), transparent 24%),
        linear-gradient(130deg, #fffdf8 0%, #fff7e8 55%, #f9ecda 100%) !important;
    background-color: #fffaf0;
}

.mela-attractions-heading > span,
.social-feed-heading > span,
.leaders-compact-heading > div > span,
.pilgrimage-section-heading > span {
    color: var(--logo-gold-deep) !important;
}

.mela-attractions-heading h2,
.pilgrimage-section-heading h2,
.social-feed-heading h2,
.leaders-compact-heading h2,
.updates-section-heading h2 {
    color: var(--maroon) !important;
}

.mela-attraction-card {
    border: 1px solid rgba(215, 154, 22, .32);
    background: var(--logo-brown);
    box-shadow: 0 12px 28px rgba(58, 32, 13, .17);
}

.mela-attraction-shade {
    background: linear-gradient(180deg, transparent 18%, rgba(58, 32, 13, .28) 48%, rgba(23, 18, 14, .96) 100%);
}

.mela-attraction-icon {
    color: var(--logo-gold-deep) !important;
    border: 1px solid rgba(215, 154, 22, .38);
    background: #fffaf0;
}

.attraction-control,
#sites .attraction-control {
    color: var(--maroon);
    border-color: rgba(215, 154, 22, .55);
    background: #fffaf0;
    box-shadow: 0 5px 15px rgba(58, 32, 13, .17);
}

.attraction-control:hover,
.attraction-control:focus-visible,
#sites .attraction-control:hover,
#sites .attraction-control:focus-visible {
    color: #fff;
    border-color: var(--logo-gold);
    background: linear-gradient(145deg, var(--maroon), var(--orange-dark));
}

.leaders-compact-shell,
.social-feed-card,
.latest-updates-panel,
.lost-found-panel {
    border-color: rgba(155, 98, 8, .22) !important;
    box-shadow: 0 16px 42px rgba(58, 32, 13, .09);
}

.leaders-heading-icon,
.home-leaders-showcase .leaders-compact-shell .leader-card-copy small,
.leader-card-copy small i {
    color: var(--logo-gold-deep) !important;
}

.leaders-compact-heading > a,
.social-feed-label,
.updates-panel-heading > a {
    color: var(--maroon);
    border-color: rgba(215, 154, 22, .35);
    background: #fff4d9;
}

.home-leaders-showcase .leaders-compact-shell .leader-card {
    border-color: rgba(155, 98, 8, .22);
    background: linear-gradient(145deg, #fff, #fff8e9);
}

.home-leaders-showcase.is-visible .leaders-compact-shell .leader-card:hover {
    border-color: var(--logo-gold);
    box-shadow: 0 12px 24px rgba(58, 32, 13, .15);
}

.homepage-highlights-panel {
    border-color: rgba(242, 196, 90, .32);
    background: linear-gradient(135deg, var(--logo-brown), var(--maroon) 58%, #9f3812) !important;
}

.highlights-panel-heading > span,
.highlight-stat i {
    color: var(--logo-gold-light) !important;
}

.highlight-stat {
    border-color: rgba(242, 196, 90, .3);
    background: rgba(255, 244, 217, .07);
}

.highlight-stat:hover {
    border-color: rgba(242, 196, 90, .55);
    background: rgba(255, 244, 217, .13);
}

.important,
.emergency,
.donation,
.fair {
    border: 1px solid rgba(242, 196, 90, .24);
}

.important { background: linear-gradient(145deg, var(--logo-black), var(--logo-brown)); }
.emergency { background: linear-gradient(145deg, #561916, var(--maroon)); }
.donation { background: linear-gradient(145deg, var(--orange-dark), var(--logo-gold-deep)); }
.fair { background: linear-gradient(145deg, var(--logo-brown), #74451a); }

@media (prefers-reduced-motion: reduce) {
    .btn-saffron,
    .btn-admin,
    .register-btn {
        transition: none !important;
    }
}