/* Dark mode overrides. */
:root {
  --dm-bg: #151515;
  --dm-card: #1c1c1c;
  --dm-text: #e6e6e6;
  --dm-muted: #bdbdbd;
  --dm-link: #69a8ff;
  --dm-primary: #1b6ec2;
  --dm-accent: #d6000e;
  --dm-border: rgba(255,255,255,0.06);
  --dm-shadow: 0 6px 18px rgba(0,0,0,0.6);

  --dm-accent-blue: #0079d6;
}

/* Apply when user preference is dark OR when class .dark is present */
@media (prefers-color-scheme: dark) {
  html, body { background: var(--dm-bg); color: var(--dm-text); }
}
html.dark, .dark body {
  background: var(--dm-bg) !important;
  color: var(--dm-text) !important;
}

    html.dark main a {
        color: #5CB8FF
    }
/* Page / containers */

    html.dark .page-wrapper {
        background: var(--dm-bg) !important;
    }

    html.dark .card,
    html.dark .event-wrapper,
    html.dark .photo-list .photo,
    html.dark .category-info td.plain {
        background-color: var(--dm-card) !important;
        border-color: var(--dm-border) !important;
        color: var(--dm-text) !important;
        /*box-shadow: var(--dm-shadow);*/
    }

    html.dark .team .boardMember,
    html.dark .team .coach,
    html.dark .team .player {
        background: var(--dm-card) !important;
        border-color: var(--dm-border) !important;
        color: var(--dm-text) !important;
    }

/* Footer */
html.dark  .border-top {
    border-top: 1px solid var(--dm-card) !important;
}


/* Links and buttons */
html.dark a,
@media (prefers-color-scheme: dark) { a { color: var(--dm-link); } }
html.dark .btn-primary {
  background-color: var(--dm-primary) !important;
  border-color: color-mix(in srgb, var(--dm-primary) 80%, black 20%) !important;
  color: #fff !important;
}

/* Cards / lists */
html.dark ul.articles li,
html.dark .card-img,
html.dark .card-carousel .carousel,
html.dark .player .player-badge {
  color: var(--dm-text) !important;
}

/* Calendar */
html.dark .calendar-month td.no-day,
html.dark .calendar-month tr.day-names th,
html.dark .calendar-month td {
    background-color: var(--dm-card);
    color: #fff;
}

html.dark .calendar-month .day {
    background-color: var(--dm-bg);
}

html.dark .calendar-month th.month-name {
    background-color: var(--dm-accent-blue);
}

/* Inscriptions */
html.dark .category-info tbody tr td {
    background-color: var(--dm-card);
}

html.dark .accordion-item,
html.dark .accordion-button {
    background-color: var(--dm-bg);
}

html.dark .category-schedule .date {
    background-color: var(--dm-bg);
    border: 1px solid var(--dm-border);
}

/* Partners*/
.partner-list {
    column-gap: 0px;
    row-gap: 0px;
}
.partner-list .partner {
    background-color: #fff;
    padding: 16px;
}

/* Histoire */
html.dark ul.articles li {
    background-color: var(--dm-card);
    border: 1px solid var(--dm-border);
}

/* Focus outlines */
html.dark .btn:focus, html.dark .form-control:focus {
  box-shadow: 0 0 0 0.1rem rgba(255,255,255,0.06), 0 0 0 0.25rem rgba(27,110,194,0.25) !important;
}

/* Keep print friendly */
@media print {
  html.dark .page-wrapper, html.dark .card { background: #fff !important; color: #000 !important; }
}