/* В этом файле будут храниться все значения переменных в исходном состоянии, а так же их изменения в зависимости от ширины устройства */
:root {
  --main-font-family: "Inter-Variable", sans-serif;
  --accent-font-family: "PressStart2P", fantasy;

  --weight-heading-text: 715;
  --weight-main-text: 410;
  --card-heading-size: 18px;
  --card-text-size: 18px;

  --weight-accent-text: 400;

  --bg-image: repeating-linear-gradient(
      to right,
      #d3d3d3 0px 2px,
      rgb(211, 211, 211, 0) 2px 4px
    ),
    repeating-linear-gradient(
      to bottom,
      #d3d3d3 0px 2px,
      rgb(211, 211, 211, 0) 2px 4px
    ),
    linear-gradient(to bottom, #e7e7e7 0.01%, #1a1a1a 100%);

  --bg-color: #fff;

  --width-section: clamp(23.438rem, 30.516vw + 16.285rem, 43.75rem);

  --text-color: #000;
  --border-color: #000;
  --border-decorated-element: #fff;
  --accent-color: #000;

  --btn-hover-color-text: #fff;

  --animation-fill-color: #ff0000;
  --contour-color: #000;

  --padding-header: clamp(7.5rem, 0.939vw + 7.28rem, 8.125rem);

  --floppy-color: #fff;
}