/* В этом файле будут храниться все значения переменных в исходном состоянии, а так же их изменения в зависимости от ширины устройства */
:root {
  --font-main: "Inter-Variable", sans-serif;
  --font-accent: "Press Start 2P", fantasy, sans-serif;
  --page-padding: 100px 0 100px;
  --page-text-weight: 410;
  --header-text-weight: 400;
  --header-logo-text-size: clamp(0.5rem, 2.7104rem + 1.5023vw, 4.0625rem);
  --header-title-text-size: clamp(0.875rem, 0.6769rem + 0.8451vw, 1.4375rem);
  --content-padding: 100px 0 0;
  --card-text-weight: 410;
  --card-title-weight: 715;
  --card-label-text-shadow: #fff;
  --background-gradient:
    repeating-linear-gradient(90deg, #d3d3d3 0 2px, rgb(0 0 0 / 0) 2px 4px),
    repeating-linear-gradient(180deg, #d3d3d3 0 2px, rgb(0 0 0 / 0) 2px 4px),
    linear-gradient(180deg, #e7e7e7 0%, #e7e7e7 0.01%, #1a1a1a 100%);
  --container-width: clamp(23.4375rem, 16.2852rem + 30.5164vw, 43.75rem);
  --button-text-color: #fff;
  --contour-color: #000;
  --animation-fill-color: #f00;
}