/* Pilot 1.0.21: confirmed light/dark and dashboard polish only. */

html:not(.dark-mode) .animal-overview-card,
html.dark-mode .animal-overview-card {
    background: #15171a !important;
    border: 2px solid #f05252 !important;
    color: #ffffff !important;
}

html:not(.dark-mode) .animal-overview-card :is(h1, h2, h3, h4, p, strong, span),
html.dark-mode .animal-overview-card :is(h1, h2, h3, h4, p, strong, span) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html:not(.dark-mode) .animal-overview-card .overview-tile,
html.dark-mode .animal-overview-card .overview-tile {
    background: #202124 !important;
    border: 1px solid #f05252 !important;
    color: #ffffff !important;
}

html:not(.dark-mode) .animal-overview-card .overview-tile:hover,
html.dark-mode .animal-overview-card .overview-tile:hover {
    background: #34373b !important;
}

html.dark-mode .weather-fold-summary.section-summary,
html.dark-mode .weather-fold-card > .weather-fold-summary,
html.dark-mode .weather-fold-summary {
    background: #15171a !important;
    border: 2px solid #f05252 !important;
    color: #ffffff !important;
}

html.dark-mode .weather-fold-summary :is(span, strong, h1, h2, h3, h4),
html.dark-mode .weather-fold-card > .weather-fold-summary :is(span, strong, h1, h2, h3, h4) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}