:root {
    --topnc-blue: #0f497d;
    --topnc-blue-dark: #0a355d;
    --topnc-bg: #f5f8fb;
    --topnc-text: #0f172a;
    --topnc-muted: #475569;
    --topnc-border: #d9e3ec;

    --primary_color: 15, 73, 125;
    --secondary_color: 15, 73, 125;
    --business_button_color: 15, 73, 125;
    --verified_badge_color: 15, 73, 125;

    --bs-primary: #0f497d;
    --bs-primary-rgb: 15, 73, 125;
    --bs-link-color: #0f497d;
    --bs-link-hover-color: #0a355d;
}

body {
    background: var(--topnc-bg) !important;
    color: var(--topnc-text) !important;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--topnc-text) !important;
}

p, span, li, label, small {
    color: inherit;
}

a {
    color: var(--topnc-blue);
}

a:hover {
    color: var(--topnc-blue-dark);
}

.btn-primary,
button[type="submit"],
.search-btn,
.bg-primary,
[class*="btn-primary"] {
    background: var(--topnc-blue) !important;
    border-color: var(--topnc-blue) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.btn-primary:hover,
button[type="submit"]:hover,
.search-btn:hover,
.bg-primary:hover,
[class*="btn-primary"]:hover {
    background: var(--topnc-blue-dark) !important;
    border-color: var(--topnc-blue-dark) !important;
}

input,
select,
textarea {
    color: var(--topnc-text) !important;
    -webkit-text-fill-color: var(--topnc-text) !important;
    border-color: var(--topnc-border) !important;
}

input::placeholder,
textarea::placeholder {
    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;
}

.card,
.business-card,
[class*="business-card"] {
    background: #fff !important;
    border-color: var(--topnc-border) !important;
}

/* Header */
#main-navbar,
header,
nav,
.navbar {
    background: #fff !important;
    color: var(--topnc-text) !important;
    border-color: var(--topnc-border) !important;
}

#main-navbar a,
header a,
nav a,
.navbar a {
    color: var(--topnc-text) !important;
    -webkit-text-fill-color: var(--topnc-text) !important;
}

#main-navbar a[href*="login"],
header a[href*="login"],
nav a[href*="login"],
.navbar a[href*="login"] {
    background: var(--topnc-blue) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* Hero */
.hero,
.hero-section,
.home-hero,
.main-hero,
.search-hero,
section[class*="hero"] {
    background: #fff !important;
    color: var(--topnc-text) !important;
}

.hero h1,
.hero-section h1,
.home-hero h1,
.main-hero h1,
.search-hero h1,
section[class*="hero"] h1 {
    color: var(--topnc-blue) !important;
    -webkit-text-fill-color: var(--topnc-blue) !important;
}

.hero p,
.hero-section p,
.home-hero p,
.main-hero p,
.search-hero p,
section[class*="hero"] p {
    color: var(--topnc-muted) !important;
    -webkit-text-fill-color: var(--topnc-muted) !important;
}

/* Footer */
footer {
    background: var(--topnc-blue) !important;
    color: #fff !important;
}

footer *,
footer a {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* Keep mobile drawer working */
.mobile-menu {
    transform: translateX(100%);
}

.mobile-menu.mobile-menu-open {
    transform: translateX(0);
}

.mobile-overlay {
    opacity: 0;
    visibility: hidden;
}

.mobile-overlay.mobile-overlay-open {
    opacity: 1;
    visibility: visible;
}