/*
 * Дизайн-токены для Yii-страниц (legal/SEO).
 * Источник истины — лэндинг в public/src/consts/{palette,text,size,speed,breakpoints}.ts.
 * При изменении токенов TS-лэндинга — обновить значения здесь вручную.
 * Breakpoints не выносятся в --vars (не работают в @media): tablet 920px, phablet 600px.
 */

:root {
  /* --- Палитра (palette.ts) --- */
  /* Фон веб-контента = бренд-поверхность «плам» (Brand/03 §4.1a, решение 2026-07-08).
     Навигационный #0B1622 (§4.1) остаётся базой 3D-сцены/арт-материалов, не веб-контента. */
  --c-bg:               #100a1c;
  --c-bg-end:           #0a0613;
  --c-primary:          #ffff99;
  --c-primary-dim:      rgba(255, 255, 153, 0.4);
  --c-primary-soft:     rgba(255, 255, 153, 0.15);
  --c-magic-dark:       #520083;
  --c-magic-darker:     #1a0026;
  --c-magic-light:      #c79ce0;
  --c-text-strong:      #ffffff;
  --c-text:             rgba(255, 255, 255, 0.85);
  --c-muted:            rgba(255, 255, 255, 0.5);
  --c-border-soft:      rgba(255, 255, 255, 0.1);
  --c-card-from:        #1b1332;
  --c-card-to:          #130d26;
  --c-callout-bg:       rgba(255, 200, 100, 0.08);
  --c-callout-border:   rgba(255, 200, 100, 0.4);
  --c-callout-text:     rgba(255, 220, 150, 0.92);

  /* --- Типографика (text.ts) --- */
  --ff-text:     'Bender Regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ff-title:    'Bender Bold', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ff-black:    'Bender Black', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Шкала кеглей = канон consts/text.ts (Brand/03 §4.4). На Yii-странице
     # титул → h1, ## секция → h2, ### подсекция → h3. */
  --fs-hero:     3.125rem;  /* = canon h1 (display-титул, если .doc-hero) */
  --fs-h1:       3.125rem;  /* canon h1 — титул документа */
  --fs-h2:       2.25rem;   /* canon h2 — заголовок секции */
  --fs-h3:       1.5rem;    /* canon h3 — подсекция */
  --fs-body:     1rem;      /* canon text */
  --fs-small:    0.75rem;   /* canon medium */
  --fs-tiny:     0.625rem;  /* canon small */

  --lh-tight:    1.25;
  --lh-heading:  1.35;
  --lh-body:     1.7;

  /* --- Spacing --- */
  --sp-1:   0.25rem;
  --sp-2:   0.5rem;
  --sp-3:   0.75rem;
  --sp-4:   1rem;
  --sp-6:   1.5rem;
  --sp-8:   2rem;
  --sp-12:  3rem;
  --sp-16:  4rem;

  /* --- Motion (speed.ts) --- */
  --speed-fast:    0.1s;
  --speed-normal:  0.3s;
  --speed-slow:    0.5s;
  --ease-out:      cubic-bezier(0.22, 0.61, 0.36, 1);

  /* --- Layout --- */
  --container-narrow:  56rem;  /* legal long-read (896px) */
  --container-wide:    72rem;  /* SEO/race с карточками (1152px) */
  --nav-height:        64px;
  --radius-sm:         2px;
  --radius-md:         2px;
}

/* Адаптивные токены — на мобильных уменьшаем заголовки и hero. */
@media (max-width: 920px) {
  :root {
    --fs-hero: 2.5rem;
    --fs-h1:   2.5rem;
    --fs-h2:   1.875rem;
    --nav-height: 56px;
  }
}

@media (max-width: 600px) {
  :root {
    --fs-hero: 2rem;
    --fs-h1:   2rem;
    --fs-body: 0.95rem;
  }
}