@import './animation.css';
@import './utilities.css';
@import './responsive-variant-classes.css';

@theme {
  --default-font-family: var(--font-body);

  --bg-chevron: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22%23757575%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%20color%3D%22%23757575%22%3E%3Cpolyline%20points%3D%226%2010%2012%2016%2018%2010%22%2F%3E%3C%2Fsvg%3E);

  /**
    * Font Feature Settings for Inter
    *
    * https://rsms.me/inter/#feature-examples
    * https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings
    *
    * These font-settings apply various character variants and stylistic alternatives
    * to improve the readability of text.
    *
    * This will usually be applied across all app UI when used by a student.
    */
  --readability-features: 'cv02, cv04, cv05, cv08, cv11, ss03';
  --readability-number-features: 'cv02, cv04, tnum';
}