/* inter-regular - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v19-cyrillic_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - cyrillic_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter-v19-cyrillic_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
  /* 🎨 Цвета */
  --color-bg: #0a0a0a;
  --color-text: #ffffff;
  --color-accent: #00ff88;
  --color-accent-hover: #26ff8a;
  --color-border: #333;
  --color-muted: #888;

  /* 🧱 Размеры */
  --font-base: 16px;
  --font-lg: 20px;
  --icon-size: 1.25em;
  --border-radius: 8px;
  --padding-base: 12px;

  /* ⚡ Анимации */
  --transition-fast: 0.2s ease;
  --transition-slow: 0.5s ease;

  /* ✍️ Типографика */
  --h1-size: 48px;
  --h2-size: 36px;
  --h3-size: 28px;
  --h4-size: 22px;
  --h5-size: 18px;
  --h6-size: 16px;
  --line-height: 1.6;
  --font-main: 'Inter', sans-serif;
  --font-family: 'Inter', 'Segoe UI', sans-serif;
}

/* Планшет: ≤ 1024px */
@media (max-width: 1024px) {
  :root {
    --font-base: 15px;

    --h1-size: 40px;
    --h2-size: 26px;
    --h3-size: 22px;
    --h4-size: 18px;
    --h5-size: 16px;
    --h6-size: 15px;
  }
}

/* Мобильные: ≤ 768px */
@media (max-width: 768px) {
  :root {
    --font-base: 14px;

    --h1-size: 35px;
    --h2-size: 22px;
    --h3-size: 20px;
    --h4-size: 17px;
    --h5-size: 15px;
    --h6-size: 14px;
  }
}