/* В этом файле будут храниться все значения переменных в исходном состоянии, а так же их изменения в зависимости от ширины устройства */
:root {
  --main-font: 'Inter';
  --font-size-text: 18px;
  --font-wght-title: 715;
  --font-wght-text: 410;
  --accent-font: 'PressStart2P';
  --background-img: repeating-linear-gradient(
                                              to right,
                                            #d3d3d3 0 2px,
                                              transparent 2px 4px),
                    repeating-linear-gradient(
                                              to bottom,
                                              #d3d3d3 0 2px,
                                              transparent 2px 4px),
                              linear-gradient(
                                                to bottom,
                                                #e7e7e7, 0%,
                                                #e7e7e7 0.01%,
                                                #1a1a1a 100%
                                              );
  /* container */
  --container-width: clamp(320px, 100vw, 1140px);
  /* inline-size */
  --inline-size: clamp(23.4375rem, 13.4804rem + 42.4837vw, 43.75rem);
  --block-size: clamp(20.4375rem, 19.1814rem + 5.3595vw, 23rem);
  /* header */
  --header-logo-size: clamp(3.0625rem, 2.5723rem + 2.0915vw, 4.0625rem);
  --header-title-size: clamp(0.875rem, 0.5993rem + 1.1765vw, 1.4375rem);
  /* card */
  --watermark-text-shadow-color: #fff;
  /* button text colors */
  --button-text-color: #000;
  --button-text-color-hover: #FFFFFF;
  /* like-icon */
  --like-icon-contour-color: #000;
  --animation-fill-color-hover: #000;
  --animation-accent-color: #FF0000;
}