/* Дизайн-токены. Весь «вайб» прототипа задаётся здесь; остальная вёрстка
   ссылается только на эти переменные. Значения сняты с мокапов на глаз. */

:root {
  color-scheme: dark;

  /* фон */
  --bg:            #081013;
  --bg-glow:       #12343A;          /* холодное свечение сверху */
  /* поверхности */
  --surface:       #111A1D;
  --surface-tint:  #10282E;          /* «твоя альтернатива» */
  --surface-inv:   #EEEFE8;          /* светлая инверсная карточка */
  --border:        rgba(255,255,255,.10);
  --border-strong: rgba(255,255,255,.18);
  /* текст */
  --text:          #ECEFEC;
  --text-muted:    #9BA7A8;
  --text-faint:    #6B7779;
  --text-inv:      #172022;
  --text-inv-muted:#5D696B;
  /* смысловые тона */
  --history:       #D6F5A3;  --history-soft: rgba(214,245,163,.12);   /* as_history, реальность, «нажатие» */
  --alt:           #8FD6DA;  --alt-soft:     rgba(143,214,218,.12);   /* adjusted, ваш мир */
  --risk:          #E9B583;  --risk-soft:    rgba(233,181,131,.12);   /* replaced, решение */
  --danger:        #F08A7E;  --danger-soft:  rgba(240,138,126,.12);   /* ending */
  --ok:            var(--history);
  --fail:          var(--risk);
  /* шрифты */
  --font-sans:  "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: "Source Serif 4", "PT Serif", Georgia, "Times New Roman", serif;
  /* кегли: размер / интерлиньяж */
  --fs-display: 40px;  --lh-display: 1.05;   /* антиква, 400 */
  --fs-h1:      28px;  --lh-h1:      1.15;   /* гротеск, 700 */
  --fs-h2:      19px;  --lh-h2:      1.3;    /* гротеск, 600 */
  --fs-body:    17px;  --lh-body:    1.55;
  --fs-small:   14px;  --lh-small:   1.45;
  --fs-eyebrow: 12px;  --ls-eyebrow: .16em;  /* капс, 600 */
  /* форма */
  --r-card: 24px;  --r-inner: 14px;  --r-pill: 999px;
  --gutter: 20px;
  --gap-1: 4px; --gap-2: 8px; --gap-3: 12px; --gap-4: 16px; --gap-5: 24px; --gap-6: 32px; --gap-7: 48px;
  --topbar-h: 56px;
  --tap: 44px;
  --ease: cubic-bezier(.2,.7,.2,1);
  --dur: 220ms;
  --column: 480px;
}