:root {
	--bs-primary: #f36c21;
	--bs-primary-rgb: 243, 108, 33;
	--bs-body-font-weight: 400;
	--bs-danger: #ff0000;
	--bs-danger-rgb: 255, 0, 0;
	--bs-body-color: rgb(0, 0, 0);
	--bs-border-width: 1px;
	--bs-border-color: #CCCCCC;
	--bs-link-color: #f36c21;
	--bs-link-color-rgb: 243, 108, 33;
	--bs-gold: #d4af37;
	--bs-silver: #c0c0c0;
	--bs-bronze: #967444;
	.navbar {
		--bs-navbar-color: rgba(255, 255, 255, 0.8);
	}
	
	.btn-danger {
		--bs-btn-bg: var(--bs-danger);
	}
	
	.table-light {
		--bs-table-bg: #e8e8e8;
	}
}

.bg-light {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.form-control, .form-select {
	background-color: #F8F8F8;
	font-weight: 600;
}

.form-control:focus, .form-select:focus {
	box-shadow: none;
}

.btn-group-sm>.btn, .btn-sm {
    --bs-btn-padding-y: 0.05rem;
    --bs-btn-padding-x: 0.2rem;
    --bs-btn-font-size: 0.875rem;
}

.nav-item {
	margin-right: 10px;
	//padding: 0 10px;
}

.bg-gold {
	background-color: var(--bs-gold);
}

.bg-silver {
	background-color: var(--bs-silver);
}

.bg-bronze {
	background-color: var(--bs-bronze);
}

.border-gold {
	border-color: var(--bs-gold);
}

.bg-silver {
	border-color: var(--bs-silver);
}

.bg-bronze {
	border-color: var(--bs-bronze);
}

/* Responsive Score Inputs */
.score-input-box {
    width: 38px; 
    height: 38px; 
    font-size: 1.1rem;
}
@media (min-width: 576px) {
    .score-input-box {
        width: 45px; 
        height: 45px; 
        font-size: 1.2rem;
    }
}