:root {
  --bulma-scheme-main: var(--cd-paper);
  --bulma-scheme-main-bis: var(--cd-subtle-bg);
  --bulma-scheme-main-ter: var(--cd-panel);
  --bulma-background: var(--cd-subtle-bg);
  --bulma-border: var(--cd-line);
  --bulma-border-weak: var(--cd-line);
  --bulma-body-color: var(--cd-ink);
  --bulma-body-background-color: var(--cd-paper);
  --bulma-text: var(--cd-ink);
  --bulma-text-strong: var(--cd-ink);
  --bulma-title-color: var(--cd-ink);
  --bulma-subtitle-color: var(--cd-muted);
  --bulma-content-heading-color: var(--cd-ink);
  --bulma-link-text: var(--cd-accent-blue);
  --bulma-link-text-hover: var(--cd-accent);
  --bulma-link-h: 176deg;
  --bulma-link-s: 80%;
  --bulma-link-l: 27%;
  --bulma-box-background-color: var(--cd-panel);
  --bulma-box-color: var(--cd-ink);
  --bulma-navbar-item-color: var(--cd-muted);
  --bulma-navbar-item-hover-color: var(--cd-accent);
  --bulma-navbar-item-hover-background-color: var(--cd-hover-bg);
  --bulma-code-background: var(--cd-inline-code-bg);
  --bulma-code: var(--cd-warm);
}

:root[data-theme="dark"] {
  --bulma-body-background-color: var(--cd-paper);
  --bulma-scheme-main: var(--cd-paper);
  --bulma-scheme-main-bis: var(--cd-subtle-bg);
  --bulma-scheme-main-ter: var(--cd-panel);
}

.title,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  color: var(--cd-ink);
  letter-spacing: 0;
}

.subtitle {
  color: var(--cd-muted);
}

.content,
.content p,
.content li,
.content td,
.content th {
  color: var(--cd-ink);
}

.has-text-grey,
.has-text-grey-light,
.has-text-grey-lighter {
  color: var(--cd-muted) !important;
}