/* Overrides de contraste — charger après styles.css */
:root{
  /* Fond légèrement grisé pour réduire l'effet "plein blanc" */
  --bg: #f6f8fb; /* ex:#f7f9fc */
  --panel: #ffffff;
  /* Texte un peu plus sombre et sous-texte moins pâle */
  --text: #0b1220;   /* was #0f172a */
  --subtle: #1f2937; /* slate-800 pour titres/labels légers */
  /* Bordure plus visible */
  --border: 1px solid rgba(15,23,42,.25);
  /* Halo de focus un peu plus présent pour l’accessibilité */
  --ring: rgba(14,165,233,.35);
  /* Ombre un poil plus marquée pour détacher les panneaux */
  --shadow: 0 14px 40px rgba(2,6,23,.10);
}

body{ background: var(--bg); }

/* Titres un chouïa plus denses */
h1, .monthtitle{ color: var(--text); letter-spacing: .005em; }

/* Boutons de nav et inputs sur fond grisé pour se détacher du fond */
.navbtn{ background:#f3f4f6; }
.navbtn:hover{ box-shadow: 0 0 0 3px var(--ring); filter: brightness(0.98); }

form>*{ background:#ffffff; border: var(--border); }
form button{ background: var(--accent); }

/* En-têtes de jours plus lisibles */
.dow{ color:#0f172a; opacity:.9; }

/* Cases du calendrier légèrement grisées et bordure plus nette */
.cell{ background:#f9fafb; border:1px solid rgba(15,23,42,.18); }
.date{ color:#0f172a; font-weight:600; }

/* Cartes d'événements sur fond blanc avec bordure contrastée */
.event{ background:#ffffff; border:1px solid rgba(15,23,42,.25); }
.event:hover{ border-color: rgba(15,23,42,.45); }
.event .label{ color:#1f2937; }
.event .kind{ color:#0b1220; font-weight:600; }

/* Badges: un léger renforcement du contour pour toutes les catégories */
.badge{ border:1px solid rgba(15,23,42,.3); }
.F{ border-color: var(--accent) !important; }
.V{ border-color: var(--accent-2) !important; }
.T1{ border-color: var(--team1) !important; }
.T2{ border-color: var(--team2) !important; }
.GFL{ border-color: var(--gfl) !important; }

/* Focus visibles sur éléments interactifs (accessibilité) */
button:focus-visible, .navbtn:focus-visible, select:focus-visible, input:focus-visible, .event:focus-visible{
  outline: none; box-shadow: 0 0 0 3px var(--ring);
}