/* В этом файле будут храниться все значения переменных в исходном состоянии, а так же их изменения в зависимости от ширины устройства */
:root {
  --accent-font: 'PressStart2P';
  --accent-color: #000;
  --button-color: #fff;
  --button-font-color: #fff;
  --main-font: 'Inter-Variable';
  --main-font-weight: 'wght' 410;
  --background-gradient: repeating-linear-gradient(
      #d3d3d3 0 2px,
      transparent 2px 4px
    ),
    repeating-linear-gradient(90deg, #d3d3d3 0 2px, transparent 2px 4px),
    linear-gradient(#e7e7e7 0.01%, #1a1a1a);
  --block-shrink: clamp(325px, 100vw - 15px, 700px);
  --contour-color: #000;
  --animation-fill-color: #ff0000;
}

@media (hover: none) and (pointer: coarse) {
  :root {
    --block-shrink: clamp(325px, 100vw, 700px);
  }
}