/* fh-tokens.css — дизайн-токены варианта А, этап 4.2.2.
   Источник: Blue Brandbook (цвет с. 9–10, типографика с. 11, сетка и интервалы с. 12,
   графика с. 13, пиктограммы и цели нажатия с. 14, тон текстов с. 16).
   Только эти значения; новых цветов, шрифтов и радиусов не вводить. */
:root{
  /* цвет */
  --fh-ink:#08090F;
  --fh-deep-blue:#07064B;
  --fh-signal-blue:#2457FF;
  --fh-cloud:#F5F6F8;
  --fh-mist:#B7C9FF;
  --fh-white:#FFFFFF;
  --fh-ink-72:rgba(8,9,15,.72);
  --fh-ink-62:rgba(8,9,15,.62);
  --fh-ink-55:rgba(8,9,15,.55);
  --fh-hairline:rgba(8,9,15,.10);
  --fh-border:rgba(8,9,15,.20);
  --fh-mist-line:rgba(183,201,255,.45);
  /* статусные поверхности: всегда со значком и текстом, не только цветом */
  --fh-attention-bg:#FFF6E5;
  --fh-attention-line:#E0B75A;
  --fh-attention-ink:#6B4A00;
  --fh-critical-ink:#8A0000;
  --fh-critical-line:#B98080;
  --fh-critical-bg:#F3E9E9;
  /* типографика */
  --fh-font-ui:'Manrope',system-ui,sans-serif;
  --fh-font-mono:'IBM Plex Mono',ui-monospace,monospace;
  --fh-h1:500 34px/40px var(--fh-font-ui);
  --fh-h2:500 28px/34px var(--fh-font-ui);
  --fh-h3:600 17px/23px var(--fh-font-ui);
  --fh-title:600 17px/23px var(--fh-font-ui);
  --fh-body:400 17px/25px var(--fh-font-ui);
  --fh-body-s:400 15px/22px var(--fh-font-ui);
  --fh-caption:400 14px/20px var(--fh-font-ui);
  --fh-button:600 17px/23px var(--fh-font-ui);
  --fh-num:500 15px/21px var(--fh-font-mono);
  --fh-num-l:600 28px/34px var(--fh-font-mono);
  --fh-label:500 11px/1 var(--fh-font-mono);
  --fh-label-spacing:.08em;
  /* сетка кратно 8 */
  --fh-space-1:4px; --fh-space-2:8px; --fh-space-3:12px; --fh-space-4:16px;
  --fh-space-5:20px; --fh-space-6:24px; --fh-space-8:32px;
  --fh-gutter:24px;      /* поля телефона */
  --fh-gap:12px;         /* промежуток карточек */
  /* радиусы */
  --fh-radius-s:8px; --fh-radius-m:12px; --fh-radius-l:14px; --fh-radius-xl:16px;
  /* размеры и цели нажатия */
  --fh-touch:48px;       /* минимум 48×48 dp */
  --fh-touch-text:44px;  /* текстовое действие в строке */
  --fh-cta:56px;
  --fh-icon:24px;
  --fh-icon-stroke:1.8px;
  --fh-tabbar:48px;   /* цель нажатия вкладки не меньше 48 dp */
}
/* Крупный текст: 130% и 200%. Контейнеры тянутся, шрифты не «распухают» внутри жёстких блоков. */
html[data-fh-text-scale="130"]{font-size:20.8px;--fh-a11y-scale:1.3}
html[data-fh-text-scale="200"]{font-size:32px;--fh-a11y-scale:2}