/* Purdue Sniper Theme - "True Black" */
:root {
    --bs-body-bg: #000000 !important;
    --bs-body-color: #CEB888 !important;
    /* Default Text Gold */
    --bs-card-bg: #050505 !important;
    --bs-dark: #000000 !important;
    --purdue-gold: #CEB888;
    --purdue-black: #000000;
    --card-bg: #000000;
    --glass-border: 1px solid #CEB888;
}

/* Force Body Background */
body {
    background-color: var(--bs-body-bg) !important;
    color: var(--purdue-gold) !important;
}

/* Navbar - Pure Black */
.navbar,
.navbar-custom {
    background-color: #000000 !important;
    border-bottom: 2px solid var(--purdue-gold);
}

.navbar-brand {
    color: var(--purdue-gold) !important;
}

/* UTILITIES - STRICT GOLD */
.text-gold {
    color: #CEB888 !important;
}

.text-white {
    color: #FFFFFF !important;
}

/* Only if explicitly requested */

.border-gold {
    border-color: #CEB888 !important;
}

.bg-black {
    background-color: #000000 !important;
}

.badge-gold {
    background-color: #000000 !important;
    color: #CEB888 !important;
    border: 1px solid #CEB888 !important;
    font-weight: bold;
}

/* Card Styling */
.card,
.bet-card {
    background-color: #000000 !important;
    border: 1px solid var(--purdue-gold) !important;
    border-left: 4px solid var(--purdue-gold) !important;
    box-shadow: none !important;
    border-radius: 4px;
}

/* Headers */
.card-header,
.bet-card-header {
    background-color: #000000 !important;
    border-bottom: 1px solid #333 !important;
    color: var(--purdue-gold) !important;
}

/* Modals */
.modal-content {
    background-color: #000000 !important;
    border: 1px solid var(--purdue-gold) !important;
    color: var(--purdue-gold) !important;
}

.modal-header,
.modal-footer {
    border-color: var(--purdue-gold) !important;
    background-color: #000000 !important;
}

.close {
    color: var(--purdue-gold) !important;
    opacity: 1;
}

/* Form Inputs */
.form-control {
    background-color: #000000 !important;
    border: 1px solid var(--purdue-gold) !important;
    color: #CEB888 !important;
    font-weight: bold;
}

.form-control::placeholder {
    color: #665c44 !important;
}

.form-control:focus {
    background-color: #000000 !important;
    border-color: #fff !important;
    color: #CEB888 !important;
    box-shadow: 0 0 0 0.2rem rgba(206, 184, 136, 0.25) !important;
}

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
div {
    /* We set global color to gold, only override specific heavy headers to white if needed */
    /* Per user request: "No other colors but black and gold" */
    /* We will default to Gold, user can correct if too much */
}

/* Buttons - STRICT GOLD OVERRIDE */
.btn-gold {
    background-color: transparent !important;
    border: 1px solid var(--purdue-gold) !important;
    color: var(--purdue-gold) !important;
    font-weight: bold !important;
    text-transform: uppercase;
}

.btn-gold:hover,
.btn-gold:focus,
.btn-gold:active,
.btn-gold.active {
    background-color: var(--purdue-gold) !important;
    color: #000000 !important;
    border-color: var(--purdue-gold) !important;
    box-shadow: none !important;
}

/* Tabs */
.nav-tabs {
    border-bottom: 1px solid var(--purdue-gold) !important;
}

.nav-link {
    color: var(--purdue-gold) !important;
    border: none !important;
}

.nav-link.active {
    background-color: var(--purdue-gold) !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: 1px solid var(--purdue-gold) !important;
}

/* Sharp Data Bars */
.sharp-bar-bg {
    background: #222 !important;
    height: 4px;
}

.progress {
    background-color: #222 !important;
}