/* В этом файле будут храниться все значения переменных в исходном состоянии, а так же их изменения в зависимости от ширины устройства */
:root {
  --main-font: "Inter-Variable";
  --accent-font: "PressStart2P";
  --main-font-weight: 400;

  --container-size: clamp(20rem, 13.2143rem + 33.9286vw, 43.75rem);
  --main-font-color: #000;
  --page-bg-image: repeating-linear-gradient(to right,
      #d3d3d3 0 2px,
      transparent 2px 4px),
    repeating-linear-gradient(to bottom,
      #d3d3d3 0 2px,
      transparent 2px 4px),
    repeating-linear-gradient(to bottom, #e7e7e7 0.01%, #1a1a1a);
  --main-bg-color: #fff;
  --card-title-font-weight: 700;
  --card-font-size: 1.125rem;
  --card-p-margin: 27px;
  --card-margin: 50px;
  --card-content-padding: 25px;

  --header-padding: clamp(7.5rem, 7.3239rem + 0.7512vw, 8rem) 0;
  --header-margin: 100px;
  --header-title-font-size: clamp(3.0625rem, 2.7104rem + 1.5023vw, 4.0625rem);
  --header-title-margin: 20px;
  --header-description-font-size: clamp(0.875rem, 0.6769rem + 0.8451vw, 1.4375rem);
  --text-stroke-color: #fff;
  --save-button-inline-size: clamp(19.125rem, 18.4868rem + 2.723vw, 20.9375rem);
  
  --heart-main-color: #ff0000;
  --heart-contour-color: #000;
  --heart-sparks-color: #ff0000;
}