/* ============================================================================
   ds-typography.css — типографика дизайн-системы Clike.
   --ds-t-*   = ФИКСИРОВАННЫЕ размеры (канон компонентов: кнопки/бейджи/мета).
   --ds-text-* = FLUID clamp() шкала (RWD-эталон, из admin-shell-tokens.css) —
                 для макета страниц. Правило CLAUDE.md: плавные размеры, не per-breakpoint px.
   ============================================================================ */

:root{
  /* ── шрифт интерфейса ── */
  --ds-ui-font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;

  /* ── фиксированная типографика (компоненты) ── */
  --ds-t-h1:20px;   --ds-t-h1-w:640;
  --ds-t-h2:16px;   --ds-t-h2-w:560;
  --ds-t-h3:14px;   --ds-t-h3-w:560;
  --ds-t-body:12px; --ds-t-body-w:400;
  --ds-t-small:11px; --ds-t-small-w:400;
  --ds-t-cap:10.5px; --ds-t-cap-w:560;
  --ds-t-num-l:26px; --ds-t-num-m:16px; --ds-t-num-s:12px;

  /* ── FLUID типографика (макет страниц) ── */
  --ds-text-2xs:clamp(10px, 2.4vw, 11px);
  --ds-text-xs: clamp(11px, 2.6vw, 12px);
  --ds-text-sm: clamp(12px, 2.8vw, 14px);
  --ds-text-base:clamp(13px, 3vw, 15px);
  --ds-text-md: clamp(15px, 3.4vw, 18px);
  --ds-text-lg: clamp(18px, 4vw, 22px);
  --ds-text-xl: clamp(22px, 4.8vw, 34px);
}