/***************/
/*   Imports   */
/***************/

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");

/*********************************/
/*   Font size and line height   */
/*********************************/

:root {
  --primary-font: "Roboto";
  --header-font: "Roboto";

  --fs-xxs: 0.625rem;

  --fs-xs: 0.75rem;
  --lh-xs: 1rem;

  --fs-sm: 0.875rem;
  --lh-sm: 1rem;

  --fs-md: 1rem;
  --lh-md: 1.5rem;

  --fs-lg: 1.5rem;
  --lh-lg: 1.75rem;

  --fs-xl: 2.25rem;
  --lh-xl: 2.75rem;

  --fs-xxl: 2.5rem;
  --lh-xxl: 100%;

  --fs-xxxl: 3rem;
  --lh-xxxl: 100%;
}