/* Brand palette taken from navigation/logo styling */
:root {
    --brand-primary: #162D64;      /* deep blue */
    --brand-primary-dark: #374B7A; /* darker blue */
    --brand-accent: #F2A900;       /* golden accent */
}

/* Footer tweaks kept from previous custom styles */
.footer-container ul li a {
    font-size: 13px;
}

.footer-logo img {
    max-width: 256px;
}

/* Primary buttons and CTA */
.main-btn {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: #ffffff !important;
    border-radius: 999px;
}

.main-btn:hover,
.main-btn:focus {
    background-color: var(--brand-accent) !important;
    border-color: var(--brand-accent) !important;
    color: #162D64 !important;
}

/* Header navigation and login button colors */
.my-nav-link {
    color: #ffffff !important;
}

.my-nav-link:hover,
.my-nav-link.active {
    color: var(--brand-accent) !important;
}

.login-link {
    border-color: #ffffff !important;
    color: #ffffff !important;
}

.login-link:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Pills tabs on home/search (tour/activities switcher) */
.pills-link {
    color: #162D64 !important
}

.pills-link.active {
    background-color: var(--brand-accent) !important;
    color: #ffffff !important;
}

/* Small accent texts that use the logo gold */
.user-name {
    color: var(--brand-accent) !important;
}