/*
  Переменные для вашего проекта
  и их переопределение под различные устройства
*/

:root {
  --font-family: "IBM Plex mono", "Monospace";
  --accent-color: #ff0070;
  --title-color: #db00ff;
  --dedicated-text-color: #000028;
  --main-text-color: #f1b2ce;
  --background-image: url(../images/cover-image-dark.png);
  --title-shadow: #ff0070;
  --background-color: #ff0070;
  --title-decor: #ff0070;
  --link-shadow: #ff0070;
  --hover-color: rgba(255, 0, 112, 0.4);
  --font-size-rec: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
  --font-size: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
  --font-size-title: clamp(7.25rem, 7.0115rem + 1.0178vw, 7.5rem);
  --background-image-color: #000028;
  --rec-color: #ff0070;
}