/* ============================================================
   ТОКЕНЫ ДИЗАЙНА
   Цвета, шрифты, отступы. Всё, что задаёт вид сайта, — здесь.
   Поменяли значение тут — поменялось на всём сайте.
   ============================================================ */

/* --- Шрифты лежат в assets/fonts, Google Fonts не используем --- */
@font-face {
  font-family: 'Montserrat';
  src: url('../assets/fonts/montserrat.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/inter.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Oswald';
  src: url('../assets/fonts/oswald.woff2') format('woff2');
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* --- Цвета --- */
  --bg: #0D0D0D;
  /* основной фон */
  --bg-2: #1A1A1A;
  /* фон чередующихся секций */
  --card: #141414;
  /* карточки и формы */
  --line: #2A2A2A;
  /* рамки и разделители */
  --acc: #FFB800;
  /* фирменный жёлтый */
  --acc-2: #FF9500;
  /* жёлтый при наведении */
  --text: #FFFFFF;
  --muted: #B3B3B3;
  /* второстепенный текст */
  --dim: #8F8F8F;
  /* подписи, мелочь */
  --ok: #4CAF50;
  /* статус «онлайн», успех */
  --err: #FF4444;
  /* ошибки формы */
  --max: #6C2AF2;
  /* фирменный цвет мессенджера MAX */

  /* --- Шрифты --- */
  --f-display: 'Montserrat', 'Arial Black', system-ui, sans-serif;
  --f-body: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
  --f-num: 'Oswald', 'Arial Narrow', sans-serif;

  /* --- Скругления и отступы --- */
  --r-s: 10px;
  --r-m: 16px;
  --r-l: 22px;
  --pad: clamp(16px, 4vw, 28px);
  --maxw: 1180px;

  /* --- Фирменные соты, взяты с карточек Авито --- */
  --hex: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.71' height='48' viewBox='0 0 27.71 48'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.055' stroke-width='1'%3E%3Cpath d='M0 -4 L13.86 4 L13.86 20 L0 28 L-13.86 20 L-13.86 4 Z'/%3E%3Cpath d='M27.71 -4 L41.57 4 L41.57 20 L27.71 28 L13.86 20 L13.86 4 Z'/%3E%3Cpath d='M13.86 20 L27.71 28 L27.71 44 L13.86 52 L0 44 L0 28 Z'/%3E%3Cpath d='M13.86 -28 L27.71 -20 L27.71 -4 L13.86 4 L0 -4 L0 -20 Z'/%3E%3C/g%3E%3C/svg%3E");
}