:root {
    --accent: #c9a329;
    --bg: #000;
    --bg2: #161616;
    --text: #f2f2f2;
    --muted: #969696;
}

body {
    background: var(--bg);
    color: var(--text); /* <-- was "text:" (not valid CSS) */
    font-family: Lato, arial, sans-serif;
}

.form-control,
.form-select {
    background: var(--bg) !important;
    color: var(--text) !important;
    border: 1px solid var(--accent) !important;
    border-radius: 0 !important;
}

    .form-control::placeholder {
        color: var(--muted) !important;
        opacity: .9;
    }

    .form-control:focus,
    .form-select:focus {
        background: var(--bg) !important;
        color: var(--text) !important;
        border-color: var(--accent) !important;
        outline: none !important;
        box-shadow: none !important; /* kill bootstrap glow */
    }

.form-check-input {
    background: var(--bg) !important;
    border: 1px solid var(--accent) !important;
}

    .form-check-input:checked {
        background-color: var(--accent) !important;
        border-color: var(--accent) !important;
    }
.btn-primary {
    color: #000 !important;
    background-color: var(--accent) !important;
    border-color: var(--accent) !important;
    border-radius: 0 !important;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active {
        color: #000 !important;
        background-color: var(--accent) !important;
        border-color: var(--accent) !important;
        filter: brightness(0.95);
        box-shadow: none !important;
    }
.card,
.card-body {
    --bs-card-bg: var(--bg) !important;
    --bs-card-border-color: var(--accent) !important;
    background: var(--bg) !important;
    border: 1px solid var(--accent) !important;
    border-radius: 0 !important;
    color: var(--text) !important;
}

.dropdown-menu {
    --bs-dropdown-color: var(--text);
    --bs-dropdown-bg: var(--bg);
    --bs-dropdown-border-color: var(--accent);
    background: var(--bg) !important;
    border: 1px solid var(--accent) !important;
    border-radius: 0 !important;
}

.dropdown-item {
    color: var(--accent) !important;
    background: var(--bg) !important;
}

/* ===============================
   Select2 - global black + accent
   =============================== */

/* selection (single + multiple) */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background: var(--bg) !important;
    border: 1px solid var(--accent) !important;
    border-radius: 0 !important;
    color: var(--accent) !important;
}

    /* rendered value */
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: var(--accent) !important;
    }

    /* arrow */
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: var(--accent) transparent transparent transparent !important;
    }

/* kill outlines / glows */
.select2-container *:focus,
.select2-container--default.select2-container--focus .select2-selection,
.select2-container--default.select2-container--open .select2-selection {
    outline: none !important;
    box-shadow: none !important;
    border-color: var(--accent) !important;
}

/* dropdown shell */
.select2-container--default .select2-dropdown {
    background: var(--bg) !important;
    border: 1px solid var(--accent) !important;
    border-radius: 0 !important;
}

/* ✅ these two fix the white area you still saw */
.select2-container--default .select2-search--dropdown {
    background: var(--bg) !important;
}

.select2-container--default .select2-results,
.select2-container--default .select2-results__options {
    background: var(--bg) !important;
}

/* search field */
.select2-container--default .select2-search--dropdown .select2-search__field {
    background: var(--bg) !important;
    border: 1px solid var(--accent) !important;
    color: var(--accent) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* options */
.select2-container--default .select2-results__option {
    background: var(--bg) !important;
    color: var(--accent) !important;
}

/* highlight + selected */
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: var(--bg) !important;
    color: var(--accent) !important;
    outline: 1px solid var(--accent) !important;
}

.select2-container--default .select2-results__option--selected {
    background: var(--bg) !important;
    color: var(--accent) !important;
    font-weight: 600;
}