@font-face {
  font-family: "Swiss 721";
  src: url("./fonts/Swiss 721 Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Typography */
  --font-primary: "Swiss 721", "Helvetica Neue", Arial, sans-serif;
  --font-size-regular: 14px;
  --line-height-regular: 1.34;
  --letter-spacing-regular: 0.2px;

  /* Color */
  --background: #ffffff;
  --surface: #f8f8f8;
  --title-text: #1c1c1c;
  --paragraph-text: #818181;

  /* Layout */
  --layout-column: 480px;

  /* Shape */
  --radius-small: 8px;
  --radius-large: 20px;
  --radius-round: 999px;

  /* Motion */
  --duration-fast: 220ms;
  --duration-regular: 520ms;
  --duration-slow: 760ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}