/* ============================================================
   dc-ui · tokens.css — КОНТРАКТ дизайн-системы DICOM.
   Единый слой токенов для ВСЕХ продуктов (Granit, СС, Ассистент,
   Задачник, CRM, кабинет DC-Control). Компоненты читают только эти
   переменные и не пишут литералов. Тема продукта = переопределение
   --dc-* ; будущий редактор темы правит ровно эти значения.

   Значения ниже = тема продукта «ДиСи.Ассистент»: ЗЕЛЁНО-БИРЮЗОВЫЙ — продуктовая палитра
   DICOM («ассистент · зелёно-бирюзовый»), чтобы ассистент визуально отличался от
   Задачника (оранжевый), Гранита (графит), СС (бирюза) и CRM (индиго). Пример канона
   пер-продуктовой темы: тот же контракт --dc-*, другие значения → свой фирменный вид из одних
   модулей ядра.
   ============================================================ */

:root {
  /* --- Бренд ДиСи.Ассистент: ЗЕЛЁНО-БИРЮЗОВЫЙ — шкала 50–900 (--dc-assist-*) --- */
  --dc-assist-50:  #EFF9F6;  /* -soft */
  --dc-assist-100: #D8EFE9;
  --dc-assist-200: #B7E2D8;
  --dc-assist-300: #86CFBD;
  --dc-assist-400: #4FB99E;
  --dc-assist-500: #17A380;  /* base */
  --dc-assist-600: #148F71;
  --dc-assist-700: #11795F;  /* -d / hover */
  --dc-assist-800: #0D5F4A;
  --dc-assist-900: #0A4838;

  /* Семантический акцент dc-ui = проекция шкалы ассистента */
  --dc-color-primary:        var(--dc-assist-500);
  --dc-color-primary-strong: var(--dc-assist-700);
  --dc-color-primary-soft:   var(--dc-assist-50);
  --dc-color-primary-light:  var(--dc-assist-400);
  --dc-color-primary-tint:   color-mix(in srgb, var(--dc-color-primary) 22%, white); /* видимая софт-заливка кнопки */
  --dc-color-on-primary:     #FFFFFF;
  --dc-gradient-brand:       linear-gradient(135deg, var(--dc-assist-400) 0%, var(--dc-assist-600) 100%);

  /* --- Семантика статусов --- */
  /* Успех — травяной зелёный: бренд теперь сам зелёно-бирюзовый, и статус на нём должен
     ЧИТАТЬСЯ отдельно, а не сливаться с акцентом. */
  --dc-color-success:      #17A34A;
  --dc-color-success-soft: #ECF8F1;
  --dc-color-warning:      #C77A0A;
  --dc-color-warning-soft: #FBF0DD;
  --dc-color-danger:       #C0392B;
  --dc-color-danger-soft:  #FBEAE8;
  --dc-color-info:         #2B8FEA;
  --dc-color-info-soft:    #E8F2FE;

  /* --- Текст --- */
  --dc-color-text:        #16233E;
  --dc-color-text-soft:   #5B6577;
  --dc-color-text-muted:  #9098A8;
  --dc-color-text-invert: #FFFFFF;

  /* --- Поверхности --- */
  --dc-color-bg:            #F7FBF9;   /* фон приложения (лёгкий зелёный подтон) */
  --dc-color-surface:       #FFFFFF;   /* карточка/панель */
  --dc-color-surface-alt:   #EFF6F3;   /* второстепенная поверхность (thead/hover) */
  --dc-color-border:        #E3EFEA;
  --dc-color-border-strong: #D2E4DC;
  --dc-color-overlay:       rgba(22, 35, 62, .48);

  /* --- Форма --- */
  --dc-radius-sm:    8px;
  --dc-radius:       14px;
  --dc-radius-lg:    20px;
  --dc-border-width: 1px;

  /* --- Тени --- */
  --dc-shadow-xs: 0 1px 2px rgba(22,35,62,.05);
  --dc-shadow-sm: 0 2px 8px rgba(22,35,62,.06), 0 1px 2px rgba(22,35,62,.04);
  --dc-shadow-md: 0 12px 32px rgba(22,35,62,.10);

  /* --- Движение и шрифт --- */
  --dc-transition: 200ms cubic-bezier(.4, 0, .2, 1);
  --dc-font: 'Roboto', system-ui, -apple-system, Segoe UI, sans-serif;

  /* ------------------------------------------------------------
     Слой совместимости Granit: существующие классы админки
     (.btn/.panel/.card/.grid/.field/…) читают старые имена --c-*/
     --r-*/--shadow*/--t/--f. Здесь они ссылаются на контракт dc-ui,
     поэтому темизация управляется из ОДНОГО места, а вид не меняется.
     ------------------------------------------------------------ */
  --c-text:        var(--dc-color-text);
  --c-text-soft:   var(--dc-color-text-soft);
  --c-text-muted:  var(--dc-color-text-muted);
  --c-bg:          var(--dc-color-surface);
  --c-bg-app:      var(--dc-color-bg);
  --c-line:        var(--dc-color-border);
  --c-line-2:      var(--dc-color-border-strong);
  --c-accent:      var(--dc-color-primary);
  --c-accent-d:    var(--dc-color-primary-strong);
  --c-accent-soft: var(--dc-color-primary-soft);
  --g-teal:        var(--dc-color-success);
  --g-grad:        var(--dc-gradient-brand);
  --r-sm:          var(--dc-radius-sm);
  --r:             var(--dc-radius);
  --r-lg:          var(--dc-radius-lg);
  --shadow-xs:     var(--dc-shadow-xs);
  --shadow:        var(--dc-shadow-sm);
  --shadow-md:     var(--dc-shadow-md);
  --t:             var(--dc-transition);
  --f:             var(--dc-font);
}