:root {
  /*FONTS*/
  --font-family-heading: var(--ff-heading, 'Inter');
  --font-family-text: var(--ff-text, 'Inter');
  --font-weight-text: var(--fw-text, 400);
  --font-weight-boldtext: var(--fw-boldtext, 500);
  --font-weight-heading: var(--fw-heading, 700);

  transition-behavior: allow-discrete;
  interpolate-size: allow-keywords;
}