// Overide pico variables

:root {
  --pico-font-family: "mylilex";
  --line-height-verse: 1.4;
  --verse-p-bottom-space: 2rem;
  --verse-p-bottom-space-larger: 3rem;
}

// Adapt the SVG logo color to the colorscheme

[data-theme=light],
  :root:not([data-theme=dark]) {
  --logo-color: #000000;
}

@media only screen and (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --logo-color: #ffffff;
  }
}

[data-theme=dark] {
  --logo-color: #ffffff;
}