:root {
	--tus-red: #ec0000;
	--tus-red-dark: #b90000;
}

body {
	background: #f6f6f6;
}

.app-navbar {
	background: var(--tus-red);
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.btn-danger {
	background-color: var(--tus-red);
	border-color: var(--tus-red);
}

.btn-danger:hover,
.btn-danger:focus {
	background-color: var(--tus-red-dark);
	border-color: var(--tus-red-dark);
}

.text-tus-red {
	color: var(--tus-red);
}

.stat-card {
	border-left: 4px solid var(--tus-red);
}

.table thead th {
	white-space: nowrap;
}

.lineup-table th,
.lineup-table td {
	vertical-align: middle;
}

.badge-soft-red {
	background: #fff1f1;
	border: 1px solid var(--tus-red);
	color: var(--tus-red);
}

.form-help {
	font-size: 0.85rem;
	color: #6c757d;
}

.card-header {
	background: #fff;
}