/* Токены Arivin. Единственный файл, где разрешены сырые значения.
   Направление – «Кадр» (hero-1), выбрано клиентом 2026-10-08.
   Палитра и знак – из визуального мануала Arivin, стр. 2–4. */
:root{
  /* --- цвет: тёмная половина --- */
  --color-ink:#060a14;
  --color-ink-deep:#03060d;
  --color-ink-soft:#0c1322;
  --color-fg:#ffffff;
  --color-fg-muted:rgba(255,255,255,.74);
  --color-fg-dim:rgba(255,255,255,.5);
  --color-line:rgba(255,255,255,.18);
  --color-line-soft:rgba(255,255,255,.09);
  --color-hover-dark:rgba(255,255,255,.06);
  --color-head-dark:rgba(6,10,20,.82);
  --color-head-sheet:rgba(246,246,246,.86);
  --color-veil:rgba(6,10,20,.72);
  /* шкала ширм поверх кадра: текст лежит на фотографии, значит кадр под ним темнеет */
  --veil-0:rgba(6,10,20,0);
  --veil-10:rgba(6,10,20,.1);
  --veil-30:rgba(6,10,20,.3);
  --veil-45:rgba(6,10,20,.45);
  --veil-60:rgba(6,10,20,.6);
  --veil-78:rgba(6,10,20,.78);
  --veil-82:rgba(6,10,20,.82);
  --veil-94:rgba(6,10,20,.94);

  /* --- цвет: светлая половина --- */
  --color-sheet:#f6f6f6;
  --color-sheet-pure:#ffffff;
  --color-sheet-deep:#eceef3;
  --color-ink-on-sheet:#0b1020;
  --color-ink-on-sheet-muted:rgba(11,16,32,.66);
  --color-ink-on-sheet-dim:rgba(11,16,32,.44);
  --color-line-on-sheet:rgba(11,16,32,.13);
  --color-line-on-sheet-soft:rgba(11,16,32,.07);

  /* --- акцент: шкала Arivin Blue 100/80/60/40/20 % = пять синих логотипа --- */
  --color-accent:#1a4ec4;
  --color-accent-80:#4871d0;
  --color-accent-60:#7695dc;
  --color-accent-40:#a3b8e7;
  --color-accent-20:#d1dcf3;
  --color-alarm:#80094d;
  --color-alarm-soft:#ecab8a;

  /* --- гарнитуры --- */
  --font-display:"Archivo",system-ui,sans-serif;
  --font-text:"Lato",system-ui,sans-serif;

  /* --- шкала текста --- */
  --text-display-xl:clamp(38px,4.35vw,62px);
  --text-display-l:clamp(32px,3.7vw,54px);
  --text-display-m:clamp(26px,2.5vw,36px);
  --text-num:clamp(60px,9vw,132px);
  --text-num-s:clamp(34px,3.4vw,50px);
  --text-title:21px;
  --text-title-s:17px;
  --text-title-xxs:15px;
  --text-body-l:19px;
  --text-body:17px;
  --text-body-s:15px;
  --text-credit:13px;
  --text-nav:16px;
  --text-menu:28px;

  --leading-tight:1.02;
  --leading-display:1.08;
  --leading-title:1.3;
  --leading-body:1.6;
  --leading-body-l:1.55;
  --leading-num:.9;

  --track-display:-.035em;
  --track-title:-.02em;
  --track-nav:-.01em;
  --track-num:-.045em;

  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;

  /* --- отступы --- */
  --space-2:2px; --space-4:4px; --space-8:8px; --space-12:12px;
  --space-16:16px; --space-20:20px; --space-24:24px; --space-32:32px;
  --space-40:40px; --space-48:48px; --space-64:64px; --space-80:80px;
  --space-120:120px; --space-160:160px;

  /* --- раскладка --- */
  --page-pad:56px;
  --page-pad-s:20px;
  --section-pad:var(--space-160);
  --section-pad-s:var(--space-80);
  --head-gap:var(--space-80);
  --head-gap-s:var(--space-40);
  --head-h:88px;
  --head-h-s:68px;
  --screen-h:100svh;
  --page-hero-h:68svh;
  --grid-cols:12;
  --gutter:24px;
  --measure-hero:900px;
  --measure-l:720px;
  --measure:46ch;
  --measure-s:34ch;

  /* --- радиусы и линии --- */
  --radius-s:4px;
  --radius-pill:999px;
  --hairline:1px;

  /* --- движение --- */
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-sharp:cubic-bezier(.65,0,.35,1);
  --ease-soft:cubic-bezier(.4,0,.2,1);
  --dur-s:.3s;
  --dur-m:.6s;
  --dur-l:.9s;
  --reveal-y:24px;

  /* --- размеры частных элементов --- */
  --logo-h:48px;
  --logo-h-s:38px;
  --icon:16px;
  --tap:46px;
  --rule-h:3px;
  --bar-h:10px;
  --shape:170px;
  --video-w:980px;
  --stage-col:260px;
  --person-w:340px;
  --menu-w:260px;
  --modal-w:860px;
  --field-h:52px;
  --z-head:50;
  --z-modal:80;
  --blur-veil:4px;
  --blur-head:14px;
}