:root {
  --club-blue: #364d91;
  --club-red: #e1393c;
}

body {
  background: #f6f7fb;
}

.app-navbar {
  background: var(--club-blue);
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

.app-logo {
  height: 34px;
  width: auto;
}

.card {
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 6px 18px rgba(0,0,0,.04);
}

.btn-club {
  background: var(--club-red);
  border-color: var(--club-red);
  color: #fff;
}

.btn-club:hover,
.btn-club:focus {
  background: #c92f32;
  border-color: #c92f32;
  color: #fff;
}

.color-chip {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  border: 1px solid rgba(0,0,0,.12);
  vertical-align: -2px;
  margin-left: 6px;
}

.form-control:focus, .form-select:focus {
  border-color: var(--club-blue);
  box-shadow: 0 0 0 .25rem rgba(54,77,145,.25);
}