:root {
  --main-font: 'Inter-Variable';
  --accent-font: 'PressStart2P';
  --accent-color: #000;
  --main-font-heading-weight: 715;
  --main-font-weight: 410;
  --base-font-size: 18px;
  --container-width: clamp(375px, 260.5634px + 30.5164vw, 700px);
  --base-bg-color: #fff;
  --button-text-color: #fff;
  --svg-button-color: #fff;
  --base-border: 2px solid #000;
  --background-page-gradient:
          repeating-linear-gradient(to right, #d3d3d3 0px, #d3d3d3 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 4px),
          repeating-linear-gradient(to bottom, #d3d3d3 0px, #d3d3d3 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 4px),
          linear-gradient(to bottom, #e7e7e7 0%, #e7e7e7 0.01%, #1a1a1a 100%);
  --save-dialog-width: clamp(341px, 336.7746px + 1.1268vw, 353px);
  --icon-heart-contour-color: #000;
  --animation-fill-color: red;
}