/* В этом файле будут храниться все значения переменных в исходном состоянии, а так же их изменения в зависимости от ширины устройства */

:root {
  --main-font: Inter, "Segoe UI", Roboto, sans-serif;
  --accent-font: "Press Start 2P", "Courier New", "Lucida Console", monospace;
  --font-weight-normal: 410;
  --font-weight-bold: 715;
  --main-font-size: 18px;
  --submain-font-size: 14px;
  --page-bg-image-gradient:
    repeating-linear-gradient(90deg, #d3d3d3 0 2px, transparent 2px 4px),
    repeating-linear-gradient(180deg, #d3d3d3 0 2px, transparent 2px 4px),
    linear-gradient(180deg, #e7e7e7 0.01%, #1a1a1a 100%);
  --main-color: #000;
  --bg-color: #fff;
  --content-block-width: clamp(375px, 30.5vw + 261px, 700px);
  --header-padding-block: clamp(122px, 5.56vw + 100px, 130px);
  --text-stroke-color: #fff;
  --main-border: 2px solid var(--main-color);
  --heart-contour-color: #000;
  --animation-fill-color: #f00;
}