/* В этом файле будут храниться все значения переменных в исходном состоянии, а так же их изменения в зависимости от ширины устройства */
:root {
  --main-font: 'Inter-Variable', sans-serif;
  --accent-font: 'PressStart2P', fantasy;
  --accent-color: #000;
  --button-text-color: #fff;
  --contour-color: #000;
  --animation-fill-color: #ff0000;
  --heart-hover-color: #000;
  --text-weight: 400;
  --title-weight: 715;

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

  --content-width: clamp(375px, 100%, 700px);
  --header-padding-block: clamp(120px, 16vw, 128px);
  --header-logo-size: clamp(3.0625rem, 2.5rem + 2.4vw, 4.0625rem);
  --header-title-size: clamp(0.875rem, 0.55rem + 1.4vw, 1.4375rem);
}