/*
  Переменные для вашего проекта
  и их переопределение под различные устройства
*/
:root {
  /* Декор */
  --decorated-zone-item: #FF0070;
  --decorated-icon-visibility: block;

  /* Шрифт */
  --font-family: "IBM Plex mono", monospace;
  --main-content-text-size: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);

  /* Цвета */
  --titles-color: #DB00FF;
  --main-content-titles-color: #FF0070;
  --main-content-sub-titles-color: #000028;
  --main-content-text-color: #F1B2CE;

  /* Тени */
  --bg-color-all: #000028;
  --titles-shadow-color: #FF0070;
  --lint-shadow-color: #FF0070;

  /* Фон */
  --bg-color-all: #000028;
  --bg-image: url(../images/cover-image-dark.png);
  --bg-text-color: #FF0070;

  /* Шрифт */
  --header-mobile: clamp(7.25rem, 7.0115rem + 1.0178vw, 7.5rem);
  --header-desctop: clamp(7.5rem, 0.5625rem + 14.4531vw, 9.8125rem);


  /* Кнопки и ссылки*/
  --button-text-color: #FF0070;
  --button-color-active: #FF0070;
  --button-color-hover: rgba(255, 0, 112, 0.4);
  --button-color-focus: #FF0070;
  --link-color-hover:  #F1B2CE;
  --link-color-focus:  #F1B2CE;
}