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

:root {
  /* Шрифты */

  --main-font: 'Inter-Variable', arial, helvetica, sans-serif;
  --decorating-font: 'PressStart2P', arial, helvetica, sans-serif;

  --font-weight-title: 715;
  --font-weight-text: 410;

  /* Градиент */

  --bg-gradient: 
  repeating-linear-gradient(to right, #d3d3d3, #d3d3d3 2px, #d3d3d300 2px, #d3d3d300 4px),
  repeating-linear-gradient(to bottom, #d3d3d3, #d3d3d3 2px, #d3d3d300 2px, #d3d3d300 4px),
  linear-gradient(to bottom, #e7e7e7 0.01%, #1a1a1a);

  /* Адаптивность */

  --container-inline-size: clamp(375px, 100%, 700px);
  --header-padding: clamp(122px, 2em, 130px);
  --logo-font-size-slogan: clamp(3.0625rem, 1.9087rem + 4.9231vw, 4.0625rem);
  --logo-font-size-title: clamp(0.875rem, 0.226rem + 2.7692vw, 1.4375rem);

  /* Цвета */

  --container-bg-color: #fff;
  --main-color: #fff;
  --invert-color: #000;
  
  /* Границы */

  --main-border: 2px solid #000;
  --text-shadow: 1px 0 #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff;
  --text-stroke: 1px #fff;

  /* Анимации */

  --countour-color: #000;
  --fill-color: #f00;
  --unactive-color: transparent;
}