/* Colors */
html {
  color-scheme: light dark;

  &.light {
    /* forces light color-scheme */
    color-scheme: light;
  }
  &.dark {
    /* forces dark color-scheme */
    color-scheme: dark;
  }

  &.dynamic-letter-spacing {
    * {
      /* See clamp values in _config.scss */
      letter-spacing: clamp(-0.05em, calc((1em - 1rem) / -10), 0em);
    }
  }
}

.cke_editable {
  color: light-dark(#333, #fff);
  background-color: light-dark(#fff, #333);
}

.footnotes {
  color: light-dark(#333, #fff) !important;
  background-color: light-dark(#eee, #444) !important;
}
