:root {
            --bg-color: #f7f3ee;
            --brand-green: #2d5a3d;
            --brand-green-hover: #234730;
            --brand-orange: #c2522e;
            --brand-orange-hover: #a84323;
            --text-dark: #1e1a16;
            --text-muted: #7a6e61;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--bg-color);
            color: var(--text-dark);
        }

        .font-serif-title { font-family: 'Fraunces', serif; }
        .text-green { color: var(--brand-green); }
        .text-orange { color: var(--brand-orange); }
        .bg-brand-green { background-color: var(--brand-green); color: #fff; }

        .btn-green {
            background-color: var(--brand-green);
            color: #fff;
            border-radius: 50px;
            padding: 10px 24px;
            font-weight: 500;
        }
        .btn-green:hover { background-color: var(--brand-green-hover); color: #fff; }

        .btn-orange {
            background-color: var(--brand-orange);
            color: #fff;
            border-radius: 50px;
            padding: 8px 22px;
            font-weight: 500;
        }

        .btn-outline-custom {
            border: 1px solid #ccc;
            color: var(--text-dark);
            border-radius: 50px;
            padding: 10px 24px;
            font-weight: 500;
        }

        .nav-link-custom {
            color: var(--text-dark);
            font-weight: 500;
            margin: 0 8px;
        }
        .nav-link-active {
            background-color: var(--brand-green) !important;
            color: #fff !important;
            border-radius: 50px;
            padding: 6px 16px !important;
        }

        /* Vagas e Cards */
        .vaga-card {
            background: #ffffff;
            border-radius: 16px;
            border: 1px solid #e8e2d9;
            transition: transform 0.2s, shadow 0.2s;
        }
        .vaga-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.05);
        }
        .badge-urgente {
            background-color: #fce8e6;
            color: #c2522e;
            font-size: 11px;
            font-weight: 600;
            padding: 2px 8px;
            border-radius: 12px;
        }
        .filter-btn {
            border-radius: 50px;
            padding: 6px 18px;
            font-size: 14px;
            font-weight: 500;
            border: 1px solid #ccc;
            color: var(--text-dark);
        }
        .filter-btn.active {
            background-color: var(--brand-green);
            color: white;
            border-color: var(--brand-green);
        }