/* В этом файле будут храниться все значения переменных в исходном состоянии, а так же их изменения в зависимости от ширины устройства */
:root {
  --main-font: 'Inter', sans-serif;
  --accent-font: 'Press Start 2P', fantasy;
  --text-main-font-weight: 410;
  --title-main-font-weight: 715;
  --complex-grid-gradient:
    repeating-linear-gradient(to right, #d3d3d3 0px, #d3d3d3 2px, transparent 2px, transparent 4px),
    repeating-linear-gradient(to bottom, #d3d3d3 0px, #d3d3d3 2px, transparent 2px, transparent 4px),
    linear-gradient(to bottom, #e7e7e7 0%, #e7e7e7 0.01%, #1a1a1a 100%);
  --block-width: clamp(375px, 100%, 700px);
  --logo-font-size: clamp(3.0625rem, 1.908rem + 4.923vw, 4.0625rem);
  --subtitle-font-size: clamp(0.875rem, 0.226rem + 2.7692vw, 1.4375rem);
  --header-padding-vertical: clamp(122px, 15vi, 130px);
  --header-padding-horizontal: clamp(16px, 5vi, 122.5px);
  --container-padding: clamp(14px, 3vi, 20px);
  --title-line-height: 1.1;
  --subtitle-line-height: 1.2;
  --label-stroke-color: #fff;
  --label-text-color: #000;
  --accent-color: #000;
  --text-color: #fff;
  --outline-color: #000;
  --animation-fill-color: #000;
  --contour-color: #f00;
}