/* Red controls, with a stronger tint for weekends. */
:root { --button-red: #cf343d; --button-red-soft: #fff0f1; }
button:focus-visible { outline-color: var(--button-red); }
.button.primary, .button.destructive {
  background: linear-gradient(#ed535c, #cf343d);
  color: #fff;
  box-shadow: 0 2px 5px #cf343d26, inset 0 1px 0 #ffffff35;
}
.button.secondary, .button.danger, .suggestion,
.icon-button, .date-nav button, .text-button,
.schedule-presets button, .segmented button, .nav-item {
  color: var(--button-red);
  background: var(--button-red-soft);
}
.suggestion { border-color: #f3cbd0; }
.icon-button:hover { background: #ffe0e3; }
.nav-item.active, .segmented button.selected {
  background: var(--button-red);
  color: #fff;
}
.nav-count { background: #ffffff26; }
.day-tile { color: var(--button-red); border-color: #f0dadd; }
.day-tile .day-number { color: var(--button-red); }
.day-tile .day-dot { background: var(--button-red); }
.day-tile:nth-child(6), .day-tile:nth-child(7) {
  background: #ffe4e7;
  border-color: #f1a6ad;
}
.day-tile.today:not(.selected) { border-color: var(--button-red); }
.day-tile.selected {
  background: var(--button-red);
  border-color: var(--button-red);
  color: #fff;
  box-shadow: 0 5px 13px #cf343d25;
}
.day-tile.selected .day-number { color: #fff; }
.day-tile.selected .day-dot { background: #fff; }
.check-button { border-color: var(--button-red); background: var(--button-red-soft); }
.check-button.checked { background: var(--button-red); border-color: var(--button-red); color: #fff; }
.day-choices span { background: var(--button-red-soft); color: var(--button-red); }
.day-choices input:checked + span { background: var(--button-red); color: #fff; }
.day-choices input:focus-visible + span { outline-color: var(--button-red); }
.section-actions .date-nav button {
  background: #fff;
  border: 1px solid var(--button-red);
  color: var(--button-red);
  border-radius: 8px;
  min-height: 36px;
}