body {
  font-family: 'Roboto', sans-serif;
  background-color: #111827;
  color: #e5e7eb;
}
.font-teko {
  font-family: 'Teko', sans-serif;
}
html {
  scroll-behavior: smooth;
}
.modal-backdrop {
    transition: opacity 0.3s ease;
}
 .register-step {
    display: none;
}
.register-step.active {
    display: block;
}
.step-indicator {
    width: 0.75rem;
    height: 0.75rem;
    background-color: #4b5563; /* gray-600 */
    border-radius: 9999px;
    transition: background-color 0.3s ease;
}
.step-indicator.active {
    background-color: #ef4444; /* red-500 */
}
.rank-1 { background-color: #d4af37; color: #111827; }
.rank-2 { background-color: #c0c0c0; color: #111827; }
.rank-3 { background-color: #cd7f32; color: #111827; }
.ranking-btn.active {
    background-color: #be123c;
    color: white;
}
.current-user-row {
    background-color: #991b1b !important;
    color: #ffffff !important;
    font-weight: bold;
}
.zone-verte { background-color: rgba(74, 222, 128, 0.2); color: #4ade80; }
.zone-orange { background-color: rgba(251, 146, 60, 0.2); color: #fb923c; }
.zone-rouge { background-color: rgba(248, 113, 113, 0.2); color: #f87171; }
.info-card h2 {
    border-bottom: 1px solid #4b5563;
}
.form-tab-btn.active {
    border-bottom-color: #ef4444;
    color: #ef4444;
}
#user-edit-modal .form-tab-content {
    max-height: 40vh;
    overflow-y: auto;
}