/* ============================================================
   SHIFT — единая система токенов · v1.0 · 2026
   Бренд-примитивы первичны. Семантический слой поверх них.
   Семантические имена совместимы с обеими конвенциями наработок:
   --color-text-* / --color-background-* / --color-border-*
   ============================================================ */

:root {
  /* ---- 1. Бренд-примитивы (неизменны, из гайдлайна) ---- */
  --ink:          #0B1B33;  /* текст, слово «Shift» */
  --blue:         #1F6FEB;  /* основной / info */
  --blue-bright:  #2D8BFF;  /* ярко / верх градиента */
  --cyan:         #1FC8E0;  /* акцент / ShiftERP / AI */
  --mist:         #EEF3FB;  /* подложки */
  --navy:         #081325;  /* тёмный фон, сайдбар */

  /* ---- 2. Нейтрали — рамп A (текущий, прохладный сине-серый) ---- */
  --n-0:   #FFFFFF;
  --n-50:  #F4F6FB;   /* фон приложения */
  --n-100: #EEF3FB;   /* подложка-2 */
  --n-200: #E3E8F1;   /* волосяная граница */
  --n-300: #D4DCE8;   /* граница-2 / разделитель */
  --n-400: #9AA7BA;   /* третичный текст / подсказки */
  --n-500: #6B7A90;   /* вторичный текст */
  --n-700: #3A4760;
  --n-900: #0B1B33;   /* первичный текст = ink */

  /* ---- 3. Статусы (цвет = смысл) ---- */
  --success:    #16A34A;  --success-bg: #E8F6EE;
  --warning:    #D97706;  --warning-bg: #FBF0DE;
  --danger:     #DC2626;  --danger-bg:  #FBE9E9;
  --info:       #1F6FEB;  --info-bg:    #E7F0FE;
  --ai:         #0E97AC;  --ai-bg:      #E1F8FB;

  /* ---- 4. Семантический слой (на нём строится весь UI) ---- */
  /* поверхности */
  --color-background-app:       var(--n-50);
  --color-background-primary:   var(--n-0);
  --color-background-secondary: var(--n-100);
  --color-background-info:      var(--info-bg);
  --color-background-success:   var(--success-bg);
  --color-background-warning:   var(--warning-bg);
  --color-background-danger:    var(--danger-bg);
  --color-background-ai:        var(--ai-bg);
  /* текст */
  --color-text-primary:    var(--n-900);
  --color-text-secondary:  var(--n-500);
  --color-text-tertiary:   var(--n-400);
  --color-text-info:       var(--info);
  --color-text-success:    var(--success);
  --color-text-warning:    var(--warning);
  --color-text-danger:     var(--danger);
  --color-text-ai:         var(--ai);
  /* границы */
  --color-border-primary:   var(--n-300);
  --color-border-secondary: var(--n-300);
  --color-border-tertiary:  var(--n-200);

  /* ---- 5. Радиусы и геометрия ---- */
  --border-radius-sm: 6px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;
  --border-radius-xl: 16px;

  /* ---- 6. Шаг сетки (плотность приоритетна) ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
}

/* ============================================================
   Альтернативный нейтральный рамп B — мягкий «истинно-серый»
   (применяется добавлением класса .neutrals-soft на <html>/<body>).
   Спокойнее «синьки», ближе к Linear/Stripe. Акценты те же.
   ============================================================ */
.neutrals-soft {
  --n-0:   #FFFFFF;
  --n-50:  #F7F8FA;
  --n-100: #F1F2F5;
  --n-200: #E6E8EC;
  --n-300: #D7DAE0;
  --n-400: #8C929E;
  --n-500: #5E6573;
  --n-700: #353B47;
  --n-900: #1B2030;
  --mist:  #F1F2F5;
}