:root {
    --color-bg: #f8f1e9;
    --color-text: #3d2f1e;
    --color-accent: #8b9a6f;
    --color-dark: #5c4b3e;
    --color-muted: #7a6a5a;
}
.navbar {
    background-color: rgba(248, 241, 233, 0.92);
    backdrop-filter: blur(8px);
    --bs-navbar-color: var(--color-dark);
    --bs-navbar-hover-color: var(--color-accent);
}
.hero-recruit {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 65vh;
    color: white;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.7);
}
.job-card {
    border: none;
    border-radius: 0;
    background: white;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease;
}
.job-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
}
.btn-apply {
    background-color: var(--color-accent);
    color: white;
    border: none;
    border-radius: 50rem;
    padding: 0.75rem 2rem;
}
.btn-apply:hover {
    background-color: #7a8a5f;
}
.btn-outline-accent {
    color: var(--color-accent);
    border-color: var(--color-accent);
    border-radius: 50rem;
}
.btn-outline-accent:hover {
    background-color: var(--color-accent);
    color: white;
}