:root {
  --tdf-yellow: #f5c900;
  --tdf-yellow-dark: #d4aa00;
  --tdf-red: #e8000d;
  --tdf-dark: #1a1a1a;
}

/* Navbar */
.tdf-nav {
  background: linear-gradient(135deg, var(--tdf-dark) 0%, #2d2d2d 100%);
  border-bottom: 3px solid var(--tdf-yellow);
}

/* Year badge on hero title */
.tdf-badge {
  background-color: var(--tdf-yellow);
  color: var(--tdf-dark);
  font-size: 0.45em;
  vertical-align: middle;
}

/* Yellow CTA buttons */
.btn-warning {
  background-color: var(--tdf-yellow);
  border-color: var(--tdf-yellow);
  color: var(--tdf-dark);
  font-weight: 600;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: var(--tdf-yellow-dark);
  border-color: var(--tdf-yellow-dark);
  color: var(--tdf-dark);
}

/* Standings: yellow jersey rows */
.table-warning,
.table-warning > td,
.table-warning > th {
  background-color: #fffbea !important;
}

/* Cyclist selection cards */
.cyclist-card {
  cursor: pointer;
  border: 2px solid transparent;
  transition: border-color 0.12s, background-color 0.12s;
  position: relative;
}
.cyclist-card:has(.cyclist-check:checked) {
  border-color: var(--tdf-yellow);
  background-color: #fffbea;
}
.cyclist-card:hover {
  border-color: #ccc;
}

/* Footer */
footer {
  color: #888;
}