/* ════════════════════════════════════════════════════════════════
   Bridge aliases — local names → IM semantic tokens
   ════════════════════════════════════════════════════════════════ */

/* ─── Tokens — bridge to Infomaximum Design System ────────
 * Все «локальные» имена (--primary, --canvas, --ink…) теперь
 * указывают на семантические токены IM из infomaximum.css.
 * Так все ~2400 строк существующих селекторов автоматически
 * переходят на новый язык: Roboto, thrush teal, neutral-ramp,
 * 4px-радиусы контролов, IM-тени и фокус-кольцо.
 * ────────────────────────────────────────────────────────── */
:root {
  /* Brand primary — Thrush teal (#0CB3B3) */
  --primary:        var(--primary-base);     /* thrush-60 */
  --primary-active: var(--primary-active-c, var(--thrush-70));
  --primary-hover-c: var(--thrush-40);

  /* Text */
  --ink:        var(--text-primary);          /* neutral-100 #262626 */
  --body:       var(--text-complimentary);    /* neutral-80  #595959 */
  --muted:      var(--text-secondary);        /* neutral-70  #8C8C8C */
  --muted-soft: var(--text-hint);             /* neutral-60  #BFBFBF */

  /* Lines */
  --hairline:      var(--line-border);        /* neutral-50 #D9D9D9 */
  --hairline-soft: var(--line-divider);       /* neutral-45 #E5E5E5 */

  /* Surfaces — flat, без градиентов */
  --canvas:         var(--bg-primary);        /* #FFFFFF */
  --surface-soft:   var(--neutral-20);        /* #FAFAFA */
  --surface-card:   var(--neutral-30);        /* #F5F5F5 */
  --surface-strong: var(--neutral-40);        /* #F0F0F0 */
  --surface-dark:   var(--neutral-100);       /* #262626 */
  --on-primary:     var(--neutral-10);
  --on-dark:        var(--neutral-10);

  /* Status — берём базы из IM, soft-фоны и сильный текст из ramp */
  --success:    var(--positive-base);         /* green-60  */
  --warning:    var(--warning-base);          /* orange-60 */
  --error:      var(--danger-base);           /* red-50    */
  --error-soft: var(--danger-bg);             /* red-10    */

  --bg-danger-soft:        var(--red-10);
  --text-danger-strong:    var(--red-70);
  --bg-warn-soft:          var(--orange-10);
  --bg-attention-soft:     var(--gold-10);
  --text-attention-strong: var(--gold-70);
  --bg-success-soft:       var(--green-10);
  --text-success-strong:   var(--green-70);
  --bg-info-soft:          var(--blue-10);
  --text-info-strong:      var(--blue-70);

  /* Брендовые второстепенные акценты (для будущих тегов / событий) */
  --badge-orange:  var(--orange-60);
  --badge-pink:    var(--magenta-60);
  --badge-violet:  var(--purple-60);
  --badge-emerald: var(--green-60);

  /* «brand»-токены остаются как алиас на primary, чтобы не
     ломать .btn-brand / .auth-logo / .stock-bar-seg.seg-reserved */
  --brand:        var(--primary-base);        /* thrush-60 */
  --brand-active: var(--thrush-70);

  /* Focus-ring — 4px размытие, 50% непрозрачность от primary */
  --focus-ring: var(--shadow-focus-primary);

  /* Радиусы — IM: 2 / 4 / 8 / 12 / 16 px */
  --r-xs:   2px;
  --r-sm:   4px;   /* теги, мелкие чипы */
  --r-md:   4px;   /* контролы (кнопки, инпуты, селекты) */
  --r-lg:   8px;   /* карточки, popover, dropdown */
  --r-xl:   12px;  /* крупные поверхности — sheet, modal */
  --r-pill: 9999px;

  /* Spacing — 4pt grid (как в IM) */
  --s-xxs: 4px;
  --s-xs:  8px;
  --s-sm:  12px;
  --s-md:  16px;
  --s-lg:  24px;
  --s-xl:  32px;
  --s-xxl: 48px;

  /* Тени — три уровня IM, в холодном neutral */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm: var(--shadow-1);
  --shadow-md: var(--shadow-2);
  --shadow-lg: var(--shadow-2);
  --shadow-xl: var(--shadow-3);

  /* IM анимации — короткие, механические, ease-out */
  --ease:     cubic-bezier(.4,0,.2,1);
  --ease-out: cubic-bezier(.4,0,.2,1);

  --tabbar-h: 72px;
  --topbar-h: 60px;
}