/* CSS dynamique généré depuis la couleur enregistrée dans l'Admin */
:root {
  --accent-color: #1976ff;
  --accent-color-soft: #1976ff22;
  --accent-color-strong: #1976ff;
}
.hero { background: var(--accent-color) !important; }
.topbar { border-bottom-color: var(--accent-color) !important; }
footer { border-top-color: var(--accent-color) !important; }
button, th { background: var(--accent-color) !important; }
h1.accent, h2.accent, h3.accent, .card-title, .section-title, .competition-title, .page-title { color: var(--accent-color) !important; }
nav a:hover { color: var(--accent-color) !important; }
.timeline-event { border-left-color: var(--accent-color) !important; }
.player-card-select:hover { border-color: var(--accent-color) !important; }
.player-card-select input { accent-color: var(--accent-color) !important; }
.result { color: var(--accent-color) !important; }
button.primary, .btn-primary, .primary-btn, .active-bg, .accent-bg { background: var(--accent-color) !important; }
.border-accent, .accent-border { border-color: var(--accent-color) !important; }
.player-avatar { border-color: var(--accent-color) !important; }