:root {

  --color-negative: #171719;
  --color-mute: #343337;
  --color-accent: #f2cd00;
  --color-positive: #ffffff;

  --margin-horizontal: 56px;
  --margin-vertical: 64px;

  --font-large: 28pt;
  --font-medium: 14pt;
  --font-small: 10pt;

  --animation-duration: 0.5s;
  --animation-function: cubic-bezier(0.22, 1, 0.36, 1);
  --animation-opacity: 0.2;

}

@font-face {
  font-family: "San Francisco";
  src: url("../assets/fonts/regular.otf") format("opentype");
  font-weight: 400;
}

@font-face {
  font-family: "San Francisco";
  src: url("../assets/fonts/semibold.otf") format("opentype");
  font-weight: 600;
}