/* В этом файле будут храниться все значения переменных в исходном состоянии, а так же их изменения в зависимости от ширины устройства */
:root {
  --base-font: "Inter-Variable";
  --variant-font: "PressStart2P";
  --font-size-logo: clamp(3.0625rem, 2.7104rem + 1.5023vw, 4.0625rem);
  --card-inline-size: clamp(min(100%, 375px), 50vw, 700px);
  --main-font-size: 18px;
  --card-title-font-weight: 700;
  --label-font-size: 14px;
  --variant-font-size: 14px;
  --text-header-size: 23px;
  --modal-padding-inline: 30px;
  --bg-color: #fff;
  --color-label: black;
  --button-text-color: #ffffff;
  --color-border: black;
  --modal-color: black;
  --heart-hover: #000;
}

@media (width <= 375px) {
  :root {
    --text-header-size: 14px;
    --font-size-logo: 49px;
  }
}