/* В этом файле будут храниться все значения переменных в исходном состоянии, а так же их изменения в зависимости от ширины устройства */

:root {
  --main-color: #fff;
  --accent-color: #000;
  --animation-fill-color: #f00;

  --text-stroke-color: rgb(255 255 255 / 0.5);
  --text-color: var(--main-color, #fff);
  --background-color: var(--main-color, #fff);
  --contour-color: var(--accent-color, #000);

  --main-font: 'Inter', sans-serif;
  --accent-font: 'PressStart2P', sans-serif;
  --accent-font-size: 14px;
  --title-font-size: 18px;
  --title-font-weight: 715;
  --text-font-size: 18px;
  --text-font-weight: 410;

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

  --block-width: clamp(371px, 100%, 700px);
  --logo-font-size: clamp(2.7222rem, 2.735vw + 2.1524rem, 3.6111rem);
  --header-title-font-size: clamp(0.7778rem, 1.5385vw + 0.4573rem, 1.2778rem);
  --border-width: 2px;
}