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

:root {
  --bg-image: url(../images/cover-image-dark.png);
  --bg-color: #000028;
  --main-font-family: 'IBM Plex mono', monospace;
  --main-font-size: 18px;
  --title-font-size-mobile: clamp(7.25rem, 7.0115rem + 1.0178vw, 7.5rem);
  --title-font-size-desktop: clamp(7.5rem, 0.5625rem + 14.4531vw, 9.8125rem);
  --color-title: #db00ff;
  --accent-color: #ff0070;
  --color-subtitle: #ff0070;
  --color-title-block: #000028;
  --color-text: #f1b2ce;
  --button-color: #ff0070;
  --decor-color: #ff0070;
  --color-transparency: #ff007066;
  --color-button-transparency: #ff007066;
  --color-outline: #ff007066;
  --decorated-switch: block;
}