/* ======================================================
   TOKENS — единые переменные, размеры, типографика
   ====================================================== */

:root{
  /* Base colors */
  --bg0:#070812;
  --bg1:#0d1020;

  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.70);

  /* Malina palette */
  --malina:#ff3f7a;
  --malina2:#ff5b90;
  --malinaDeep:#a01352;

  /* Glass */
  --glassA: rgba(255,255,255,.10);
  --glassB: rgba(255,255,255,.07);
  --glassBorder: rgba(255,255,255,.13);

  /* Shadows */
  --shadowSoft: 0 18px 55px rgba(0,0,0,.38);
  --shadowBtn: 0 18px 40px rgba(255,63,122,.18);

  /* Radii */
  --r14:14px;
  --r18:18px;
  --r22:22px;
  --r28:28px;

  /* Layout */
  --sidebarW: 148px; /* ширина сайдбара на десктопе */
  --maxW: 1120px; /* максимальная ширина контента */
  --pad: 14px; /* универсальный паддинг для основных контейнеров (страницы, карточки) */

  /* Typography */ 
  --h1: clamp(24px, 3.2vw, 38px);
  --h2: clamp(18px, 2.1vw, 22px);
  --p: 14px;

  /* Spacing */ 
  --gap8: 8px;
  --gap12: 12px;
  --gap16: 16px;
  --gap18: 18px;
  --gap22: 22px;
}

*,
*::before,
*::after{ box-sizing: border-box; }

html{ -webkit-text-size-adjust: 100%; } /* предотвращаем автоувеличение текста на мобильных при определенных условиях (например, при использовании input) */
body{
  margin:0; 
  min-height:100vh; 
  color: var(--text);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}