/* Season tint rules — match text and buttons to the season's color.
 * Hue values live in theme.css and shift with light/dark mode. */

.advent           { --season: var(--season-advent); }
.christmas        { --season: var(--season-christmas); }
.easter           { --season: var(--season-easter); }
.epiphany         { --season: var(--season-epiphany); }
.ordinarytime     { --season: var(--season-ordinary); }
.lent             { --season: var(--season-lent); }
.holyweek         { --season: var(--season-holyweek); }
.pentecost        { --season: var(--season-pentecost); }

.advent,
.christmas,
.easter,
.epiphany,
.ordinarytime,
.lent,
.holyweek,
.pentecost {
  color: hsl(var(--season));
}

.advent .button,
.advent .circle,
.christmas .button,
.christmas .circle,
.easter .button,
.easter .circle,
.epiphany .button,
.epiphany .circle,
.ordinarytime .button,
.ordinarytime .circle,
.lent .button,
.lent .circle,
.holyweek .button,
.holyweek .circle,
.pentecost .button,
.pentecost .circle {
  background-color: hsl(var(--season));
  color: var(--bg);
}

.advent .ringring,
.christmas .ringring,
.easter .ringring,
.epiphany .ringring,
.ordinarytime .ringring,
.lent .ringring,
.holyweek .ringring,
.pentecost .ringring {
  border-color: hsl(var(--season));
}

.advent progress::-webkit-progress-value,
.christmas progress::-webkit-progress-value,
.easter progress::-webkit-progress-value,
.epiphany progress::-webkit-progress-value,
.ordinarytime progress::-webkit-progress-value,
.lent progress::-webkit-progress-value,
.holyweek progress::-webkit-progress-value,
.pentecost progress::-webkit-progress-value {
  background-color: hsl(var(--season));
}

.button.advent,
.button.christmas,
.button.easter,
.button.epiphany,
.button.ordinarytime,
.button.lent,
.button.holyweek,
.button.pentecost {
  background-color: hsl(var(--season, var(--season-ordinary)));
  color: var(--bg);
  border-color: hsl(var(--season, var(--season-ordinary)));
}