/* В этом файле будут храниться все значения переменных в исходном состоянии, а так же их изменения в зависимости от ширины устройства */
:root {
  --main-font: "Inter-Variable";
  --accent-font: "PressStart2P";
  --font-weight-main: 410;
  --font-regular: 400;
  --font-bold: 700;
  --font-weight-title: 715;
  --title-font-size: clamp(3.0625rem, 2.7104rem + 1.5023vw, 4.0625rem);
  --subtitle-font-size: clamp(0.875rem, 0.6769rem + 0.8451vw, 1.4375rem);
  --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(375px, 100%, 700px);
  --small-container-width: 100vw;
  --bg-color: #fff;
  --button-text: #fff;
  --border-color: #000;
  --main-font-color: #000;
  --accent-color: #000;
  --heart-contour: #000;
  --heart-core: #fff;
  --heart-sparks: #ff0000;
  --heart-accent-color: #ff0000;
  --label-outline-color: rgba(255, 255, 255, 1);
  --backdrop-color: rgba(0, 0, 0, 0.75);
}