/*!****************************
 *****     base theme     *****
 *****************************/

@layer theme {
  html {
    font-family: var(--ff-sans);
    /* * */
    /* https://en.wikipedia.org/wiki/List_of_typographic_features#OpenType_typographic_features */
    font-feature-settings:
      "dnom" off /* Denominators */,
      "frac" off /* Fractions */,
      "liga" on /* Standard Ligatures */,
      "numr" off /* Numerators */,
      "pnum" on /* Proportional Figures */,
      "tnum" on /* Tabular Figures */,
      "kern" on /* Kerning */,
      "calt" on /* Contextual Alternates */,
      "zero" off /* Slashed Zero */;
    accent-color: var(--clr-secondary-500);
    caret-color: var(--clr-secondary-500);
    scroll-behavior: smooth;
    interpolate-size: allow-keywords;
  }

  body {
    background-color: var(--clr-bg-500);
    transition: background-color var(--speed-1000);
  }

  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }

    body {
      transition: background-color 0ms;
    }
  }
} /*End of @layer theme */

body {
  /*This is outside of @layer theme because of git-toolbar css */
  transition: background-color var(--speed-300);
}