:root {
    --ejx-navy: #1b2a4a;
    --ejx-yellow: #f4c430;
}

.bg-navy {
    background-color: var(--ejx-navy) !important;
}

.text-navy {
    color: var(--ejx-navy) !important;
}

/* Clean, solid hero background */
.pixel-bg {
    background-color: var(--ejx-navy);
}

.pixel-box {
    display: inline-block;
    background: var(--ejx-yellow);
    color: var(--ejx-navy);
    padding: 2px 6px;
    font-weight: 900;
    margin-right: 4px;
}

/* Active Navigation Menu Item Highlight */
.navbar-nav .nav-link.active {
    background-color: rgba(244, 196, 48, 0.18); /* Soft translucent yellow accent */
    color: var(--ejx-yellow) !important;
    border-radius: 4px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-weight: 700;
}