/* В этом файле будут храниться все значения переменных в исходном состоянии, а так же их изменения в зависимости от ширины устройства */
:root {
  --font-main: 'Inter-Variable', sans-serif;
  --font-accent: 'PressStart2P', Consolas, sans-serif;
  --font-weight-heading-card: 715;
  --font-weight-paragraph-card: 410;
  --font-weight-regular: 400;
  --width-content: clamp(320px, 100%, 700px);
  --text-stroke-color: #fff;
  --accent-color: #000;
  --button-text-color: #fff;
  --animation-fill-color: red;
  --contour-color: red;
  --content-bg-color: #fff;
  --page-background-pattern: 
  repeating-linear-gradient(
    to left,
    #d3d3d3 0 2px,
    rgba(0, 0, 0, 0) 2px 4px
  ),
  repeating-linear-gradient(
    #d3d3d3 0 2px,
    rgba(0, 0, 0, 0) 2px 4px
  ),
  linear-gradient(
    #e7e7e7 0.01%,
    #1a1a1a
  );
  --page-gap: clamp(98px, 104.55px - 0.68vh, 100px);
  --main-gap: 50px;
  --font-size-small: 0.778rem;
}