:root {
  /*переменные для шрифтов*/
  --main-font: Inter-Variable;
  --accent-font: PressStart2P;
  --text-font-weight: 410;
  --title-font-weight: 715;
  --main-title-font-size: clamp(3.0625rem, 2.7104rem + 1.5023vw, 4.0625rem);
  --header-text-font-size: clamp(0.875rem, 0.6769rem + 0.8451vw, 1.4375rem);

  /*переменные для рассчетов*/
  --content-width: clamp(23.438rem, 30.516vw + 16.285rem, 43.75rem);
  --header-padding: clamp(7.625rem, 0.751vw + 7.449rem, 8.125rem);
  --save-bt-width: clamp(19.125rem, 2.723vw + 18.487rem, 20.938rem);
  --save-bt-height: calc(85px - clamp(0.063rem, 2.723vw - 0.576rem, 1.875rem));
  --dialog-width: clamp(21.313rem, 1.127vw + 21.048rem, 22.063rem);
  --dialog-content-width: clamp(16.313rem, 3.005vw + 15.608rem, 18.313rem);
  --ok-bt-width: clamp(16.313rem, 3.005vw + 15.608rem, 18.313rem);

  /*градиенты + цвета*/
  --bkg-repeating-gradient-horizontal: repeating-linear-gradient(
    rgb(211 211 211) 0px 2px,
    rgb(211 211 211 / 0) 2px 4px
  );
  --bkg-repeating-gradient-vertical: repeating-linear-gradient(
    to right,
    rgb(211 211 211) 0px 2px,
    rgb(211 211 211 / 0) 2px 4px
  );
  --bkg-gradient: linear-gradient(#e7e7e7 0.01%, #1a1a1a);
  --border-style: 2px solid black;
  --primary-color: white;
  --accent-color: black;
  --contour-color: black;
  --animation-fill-color: #ff0000;
}