@media (prefers-color-scheme: light) {
  .tippy-box {
    --tippy-border: var(--bulma-black);
  }
}
[data-theme=light] {
  .tippy-box {
    --tippy-border: var(--bulma-black);
  }
}

.tippy-box {
  --tippy-bg: var(--bulma-black);
  --tippy-border: var(--bulma-border);
  background-color: var(--tippy-bg);
  border: 1px solid var(--tippy-border);
  box-shadow: 0 0 1em -0.125em hsla(var(--bulma-shadow-h), var(--bulma-shadow-s), var(--bulma-shadow-l), 0.1);
}

.tippy-arrow {
  color: var(--tippy-border);
}

.tippy-content {
  text-align: left;
  b, strong {
    color: inherit;
  }
}