/* SPDX-License-Identifier: MIT */

/* Custom tweaks and dark mode helpers */

:root {
  color-scheme: light dark;

  --bulma-primary-h: 171;
  --bulma-primary-s: 100%;
  --bulma-primary-l: 41%;
}

/* Keep buttons readable across themes */

/* Toggle buttons */

.buttons.has-addons .button.is-rounded {
  background: transparent;
  border: 1px solid rgb(0 0 0 / 15%);
}

.buttons.has-addons .button.is-rounded[aria-pressed='true'],
.buttons.has-addons .button.is-rounded.is-active {
  border-color: transparent;
  background-color: #00d1b2;
  color: #fff;
}

.buttons.has-addons .button img {
  width: 1rem;
  height: 1rem;
}