/* ============================================================================
   ds-tokens.css — ЯДРО дизайн-системы Clike (единственный источник истины).
   Только тема-НЕЗАВИСИМЫЕ базовые переменные (--ds-*).
   Тема (dark/light) — в ds-theme.css. Шкалы — в ds-typography.css / ds-spacing.css.
   Обратная совместимость: assets/dc-tokens.css мапит старые имена → var(--ds-*).
   Правило: новые токены создаются ТОЛЬКО здесь, не в страничных/компонентных CSS.
   ============================================================================ */

:root{
  /* ── Бренд ── */
  --ds-brand-1:#e8651c;
  --ds-brand-2:#f5872e;
  --ds-brand-grad:linear-gradient(135deg, var(--ds-brand-1), var(--ds-brand-2));
  --ds-gold:#ffd391;                 /* золотой акцент (монета/бейдж), отдельно от оранжа */

  /* ── Геометрия кнопки (одна на все, ФИКСИРОВАННАЯ — канон, не fluid) ── */
  --ds-btn-h:28px;
  --ds-btn-font:11px;
  --ds-btn-weight:480;
  --ds-btn-pad-x:10px;
  --ds-btn-radius:999px;
  --ds-btn-gap:4px;
  --ds-btn-icon:20px;

  /* ── Радиусы ── (канон §19: 8·иконка / 10·поле / 12·чип / 16·карточка / 999·кнопка;
     9/14/18 добавлены как покрытие частотных страничных значений — для будущего adoption) ── */
  --ds-r-8:8px; --ds-r-9:9px; --ds-r-10:10px; --ds-r-12:12px; --ds-r-14:14px; --ds-r-16:16px; --ds-r-18:18px; --ds-r-pill:999px;

  /* ── Поля ввода (геометрия) ── */
  --ds-input-h:36px; --ds-input-radius:999px; --ds-input-radius-area:16px; --ds-input-font:13px;

  /* ── Движение ── */
  --ds-dur-fast:.12s; --ds-dur:.15s; --ds-ease:cubic-bezier(.4,0,.2,1);

  /* ── Фокус / иконки ── */
  --ds-focus-ring:0 0 0 2px rgba(255,133,0,.45);
  --ds-icon-stroke:1.9;

  /* ── z-слои (единая шкала) ── */
  --ds-z-base:1; --ds-z-dropdown:100; --ds-z-sidebar:280; --ds-z-header:300;
  --ds-z-drawer:400; --ds-z-scrim:450; --ds-z-modal:500; --ds-z-toast:600; --ds-z-tooltip:700;

  /* ── Семантика (одинаково в обеих темах) ── */
  --ds-ok:#2fd07a; --ds-warn:#f5c518; --ds-err:#ff3333; --ds-info:#6aa8ff;
  --ds-ok-bg:rgba(47,208,122,.12);  --ds-ok-bd:rgba(47,208,122,.32);
  --ds-warn-bg:rgba(245,197,24,.12); --ds-warn-bd:rgba(245,197,24,.32);
  --ds-err-bg:rgba(255,51,51,.12);   --ds-err-bd:rgba(255,51,51,.40);
  --ds-info-bg:rgba(74,150,255,.12); --ds-info-bd:rgba(74,150,255,.32);
}