/* calendar_brain — scoped under .cb, solid content only, the shell's tokens (no colour mixing functions). */
/* the Ramadan mode switch */
.cb .cb-switch-row { padding-right: 16px; }
.cb .cb-switch {
  position: relative; flex: none; width: 51px; height: 31px; border-radius: 16px;
  background: rgb(var(--text-rgb) / 0.16); transition: background .2s ease;
}
.cb .cb-switch::after {
  content: ""; position: absolute; top: 2px; left: 2px; width: 27px; height: 27px; border-radius: 50%;
  background: #fff; box-shadow: 0 2px 4px rgb(0 0 0 / .2); transition: transform .25s cubic-bezier(.2, .8, .2, 1);
}
.cb .cb-switch-row[aria-checked="true"] .cb-switch { background: var(--accent); }
.cb .cb-switch-row[aria-checked="true"] .cb-switch::after { transform: translateX(20px); }
.cb .cb-switch-row:disabled { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  .cb .cb-switch, .cb .cb-switch::after { transition: none; }
}
@media (prefers-contrast: more) {
  .cb .cb-switch { box-shadow: inset 0 0 0 1px var(--text); }
}