:root {
  --bulma-size-small: 1rem;
  --bulma-size-normal: 1.1rem;
  --bulma-size-medium: 1.2rem;
  --bulma-size-large: 1.3rem;
  --bulma-size-x-large: 1.4rem;

  --bulma-body-font-size: var(--bulma-size-normal);
}

.title {
  font-size: var(--bulma-size-x-large);
}

label.button:has(input[type='checkbox']:checked) {
  background-color: hsl(
    var(--bulma-primary-h),
    var(--bulma-primary-s),
    var(--bulma-light-l)
  );
}