body {
    background-color: #0f1318 !important;
    color: #e2e2e9 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.custom-navbar {
    background-color: #1b1f26 !important;
    border-bottom: 1px solid #43474e !important;
}

.nav-link {
    color: #c3c7cf !important;
    transition: color 0.2s;
}

.nav-link:hover {
    color: #e2e2e9 !important;
}

.active-nav-link {
    color: #A8C7FA !important;
}

.job-card {
    background: #1b1f26;
    border: 1px solid #43474e;
    border-radius: 12px;
    transition: transform 0.2s, box-shadow 0.2s;
}
.job-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 12px rgba(0,0,0,0.4);
}

.badge-contract {
    background-color: #27354f;
    color: #d3e3fd;
    font-weight: 600;
}

.badge-location {
    background-color: #373e4a;
    color: #e2e2e9;
    font-weight: 500;
}

.details-wrapper {
    background-color: #13161c;
    border-top: 1px dashed #43474e;
    border-radius: 0 0 12px 12px;
}

.text-muted, .text-secondary {
    color: #c3c7cf !important;
}

hr {
    border-color: #43474e;
}

.border-secondary {
    border-color: #43474e !important;
}

.btn-apply {
    background-color: #A8C7FA;
    color: #062E6F;
    border: none;
}
.btn-apply:hover {
    background-color: #D3E3FD;
    color: #041E49;
}

.btn-outline-details {
    color: #A8C7FA;
    border: 1px solid #A8C7FA;
    background: transparent;
}

.btn-outline-details:hover {
    background-color: #A8C7FA;
    color: #062E6F;
}

.cta-block {
    background-color: #1b1f26 !important;
}

.btn-m3-outline,
.btn-outline-light,
.btn-outline-secondary {
    border: 1px solid #43474e !important;
    color: #e2e2e9 !important;
    background-color: transparent;
    transition: all 0.2s ease-in-out;
}

.btn-m3-outline:hover,
.btn-outline-light:hover,
.btn-outline-secondary:hover {
    border-color: #A8C7FA !important;
    color: #A8C7FA !important;
    background-color: rgba(168, 199, 250, 0.08) !important;
}