.sfizia {
  font-family: "Sfizia", sans-serif;
}

.borna {
  font-family: "Borna Medium", sans-serif;
}

.wp-block-heading.alignwide.has-sfizia-font-family .borna,
.wp-block-heading.alignwide.has-sfizia-font-family .sfizia {
  color: #000000 !important;          /* default black */
  transition: color 0.2s ease;        /* smooth transition */
}

.wp-block-heading.alignwide.has-sfizia-font-family .borna:hover,
.wp-block-heading.alignwide.has-sfizia-font-family .sfizia:hover {
  color: #666666 !important;          /* subtle gray on hover */
}

/* Default Light Mode: nothing special here */
body {
  transition: filter 0.3s;
}

/* Dark mode: invert everything */
@media (prefers-color-scheme: dark) {
  html {
    filter: invert(1) hue-rotate(180deg);
  }

  /* Fix images and videos so they don't get inverted */
  img, video {
    filter: invert(1) hue-rotate(180deg);
  }
}


.sfizia {
    /* Enable old-style numbers */
    font-variant-numeric: oldstyle-nums;
    /* fallback for Safari / WebKit */
    -webkit-font-variant-numeric: oldstyle-nums;
    -moz-font-feature-settings: "onum";
    font-feature-settings: "onum";
}


.has-sfizia-font-family {
    font-feature-settings: "onum";
    /* or: font-variant-numeric: oldstyle-nums; */
}