:root {
    --primary-color: #FF007B;
    --secondary-color: #C85A00;
    --accent-color: #F97500;
    --text-dark: #2d3748;
    --text-muted: #718096;
}

/* Topbar */
.topbar-modern {
    background: linear-gradient(135deg, #C85A00 0%, #FF7700 50%, #F97500 100%) !important;
}

.topbar-modern::before {
    background: 
        radial-gradient(circle at 20% 50%, rgba(255, 0, 123, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 50%, rgba(200, 90, 0, 0.15) 0%, transparent 50%) !important;
}

.topbar-icon-wrapper {
    background: linear-gradient(135deg, rgba(255, 0, 123, 0.2) 0%, rgba(200, 90, 0, 0.2) 100%) !important;
}

.topbar-contact-item:hover .topbar-icon-wrapper {
    background: linear-gradient(135deg, rgba(255, 0, 123, 0.3) 0%, rgba(200, 90, 0, 0.3) 100%) !important;
    box-shadow: 0 4px 15px rgba(255, 0, 123, 0.3) !important;
}

.topbar-auth-btn {
    background: linear-gradient(135deg, #FF007B 0%, #C85A00 100%) !important;
}

.topbar-auth-btn:hover {
    box-shadow: 0 4px 15px rgba(255, 0, 123, 0.4) !important;
}

.fixed-contact-bar {
    background: linear-gradient(135deg, #C85A00 0%, #FF7700 50%, #F97500 100%) !important;
}

.fixed-contact-bar::before {
    background: 
        radial-gradient(circle at 20% 50%, rgba(255, 0, 123, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 50%, rgba(200, 90, 0, 0.15) 0%, transparent 50%) !important;
}

.fixed-contact-icon {
    background: linear-gradient(135deg, rgba(255, 0, 123, 0.2) 0%, rgba(200, 90, 0, 0.2) 100%) !important;
}

.fixed-contact-item:hover .fixed-contact-icon {
    background: linear-gradient(135deg, rgba(255, 0, 123, 0.3) 0%, rgba(200, 90, 0, 0.3) 100%) !important;
    box-shadow: 0 4px 15px rgba(255, 0, 123, 0.3) !important;
}

.fixed-contact-value:hover {
    color: #FF007B !important;
}

/* Navbar */
.navbar-brand {
    background: linear-gradient(135deg, #FF007B 0%, #C85A00 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.nav-link::after {
    background: linear-gradient(135deg, #FF007B 0%, #C85A00 100%) !important;
}

.mega-menu-link:hover {
    background: linear-gradient(135deg, rgba(255, 0, 123, 0.1) 0%, rgba(200, 90, 0, 0.1) 100%) !important;
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 123, 0.25) !important;
}

/* Buttons */
.btn-primary {
    background: linear-gradient(135deg, #FF007B 0%, #C85A00 100%) !important;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #C85A00 0%, #FF007B 100%) !important;
    box-shadow: 0 5px 15px rgba(255, 0, 123, 0.4) !important;
}

.bg-gradient-primary {
    background: linear-gradient(135deg, #FF007B 0%, #C85A00 100%) !important;
}

/* Offcanvas */
.offcanvas-header {
    background: linear-gradient(135deg, #C85A00 0%, #FF7700 50%, #F97500 100%) !important;
}

/* Page Hero */
.page-hero {
    background: linear-gradient(135deg, #C85A00 0%, #FF7700 50%, #F97500 100%) !important;
}

.page-hero-overlay {
    background: radial-gradient(circle at top right, rgba(255, 0, 123, 0.35), transparent 40%),
                radial-gradient(circle at bottom left, rgba(200, 90, 0, 0.4), transparent 35%) !important;
}

.faq-accordion .accordion-button:not(.collapsed) {
    color: #F97500 !important;
    background-color: rgba(200, 90, 0, 0.05) !important;
}

/* Footer */
footer a:hover {
    color: #FF007B !important;
}

/* All other primary color usages */
.mega-menu {
    border-top: 3px solid #FF007B !important;
}

.mega-menu h6,
.mega-menu h6 i {
    color: #FF007B !important;
}

.dropdown-toggle[aria-expanded="true"] {
    color: #FF007B !important;
}

.tour-detail-section-title::after {
    background: linear-gradient(135deg, #FF007B 0%, #C85A00 100%) !important;
}