/* Halder Consulting — Nexus child theme */

:root {
    /* Brand */
    --halder-navy: #0e5077;
    --halder-navy-dark: #043d5f;
    --halder-accent: #006687;

    /* Neutrals (from Nexus — parent custom.css is not auto-loaded for child themes) */
    --white: #fff;
    --neutral-50: #fbf9fa;
    --neutral-100: #f4f5f7;
    --neutral-200: #e4e4e7;
    --neutral-300: #d0d5dd;
    --neutral-400: #9ca3af;
    --neutral-500: #6b7280;
    --neutral-600: #4b5563;
    --neutral-700: #374151;
    --neutral-800: #1f2937;
    --neutral-900: #111827;

    /* Primary / UI tokens */
    --primary: var(--halder-navy);
    --primary-lifted: var(--halder-navy-dark);
    --primary-accented: var(--halder-navy-dark);

    --grayscale: var(--halder-navy);
    --grayscale-lifted: var(--halder-navy-dark);
    --grayscale-accented: var(--halder-navy-dark);

    --info: var(--halder-accent);
    --info-lifted: var(--halder-navy);
    --info-accented: var(--halder-navy-dark);

    --text: var(--neutral-900);
    --text-inverted: var(--white);
    --text-muted: var(--neutral-400);
    --text-lifted: var(--neutral-500);
    --text-accented: var(--neutral-600);

    --border-muted: var(--neutral-200);
    --border: var(--neutral-300);
    --border-accented: var(--neutral-600);

    /* Light content surfaces */
    --bg: var(--white);
    --bg-muted: var(--neutral-50);
    --bg-lifted: var(--neutral-100);
    --bg-accented: var(--neutral-200);

    /* Dark brand — buttons/footer chrome, not the main column */
    --bg-inverted: var(--halder-navy-dark);
}

/* Light middle; Nexus defaults html/body to --bg-inverted */
html,
body {
    background-color: var(--bg-muted);
}

section#main-body {
    background-color: var(--bg);
}

.master-breadcrumb {
    background-color: var(--bg-accented);
}

/* Header stays Halder blue */
header.header .topbar {
    background-color: var(--halder-navy-dark);
    color: rgba(255, 255, 255, 0.85);
}

header.header .topbar .btn,
header.header .topbar .active-client .btn,
header.header .topbar .active-client .input-group-text {
    color: rgba(255, 255, 255, 0.85);
}

header.header .main-navbar-wrapper {
    background-color: var(--halder-navy);
    border-bottom: 1px solid var(--halder-navy-dark);
}

/* Top-level menu only (not dropdown submenus on white panels) */
header.header .main-navbar-wrapper .navbar-nav > li > a {
    color: #fff;
}

header.header .main-navbar-wrapper .navbar-nav > li > a:hover,
header.header .main-navbar-wrapper .navbar-nav > li > a:focus,
header.header .main-navbar-wrapper .navbar-nav > li.show > a {
    color: #eee;
}

header.header .main-navbar-wrapper .dropdown-menu .dropdown-item,
header.header .main-navbar-wrapper .dropdown-menu .dropdown-item a {
    color: var(--text);
}

header.header .main-navbar-wrapper .dropdown-menu .dropdown-item:hover,
header.header .main-navbar-wrapper .dropdown-menu .dropdown-item a:hover {
    color: var(--halder-navy);
    background-color: var(--bg-muted);
}

/* Logo / cart row stays dark text on white */
header.header .navbar-light a,
header.header .navbar-light .nav-link {
    color: var(--text);
}

/* Footer: dark is intentional */
footer.footer {
    background-color: var(--halder-navy-dark);
    color: #fff;
}

footer.footer .nav-link {
    color: rgba(255, 255, 255, 0.9);
}

footer.footer .copyright,
footer.footer .notices {
    color: rgba(255, 255, 255, 0.75);
}

a:not(.btn) {
    color: var(--halder-accent);
}

a:not(.btn):hover {
    color: var(--halder-navy);
}