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

   Значения ниже = тема продукта ГРАНИТ: ГРАФИТ — официальная продуктовая палитра DICOM
   («Granit · графит — платформа»); зелёный остаётся семантикой успеха.
   Другой продукт грузит этот файл и переопределяет --dc-* своей темой.
   ============================================================ */

:root {
  /* --- Бренд: ГРАФИТ — официальная продуктовая палитра DICOM (products.json, «Granit · графит — платформа») --- */
  --dc-granit-50:  #F1F1F3;
  --dc-granit-100: #E2E4E7;
  --dc-granit-200: #C5C9CF;
  --dc-granit-300: #A1A7B0;
  --dc-granit-400: #757E8C;
  --dc-granit-500: #4A5568;  /* base */
  --dc-granit-600: #414B5C;
  --dc-granit-700: #373F4D;  /* -d / hover */
  --dc-granit-800: #2B313C;
  --dc-granit-900: #21252E;
  --dc-color-primary:        var(--dc-granit-500);
  --dc-color-primary-strong: var(--dc-granit-700);
  --dc-color-primary-soft:   var(--dc-granit-50);
  --dc-color-primary-light:  var(--dc-granit-400);
  --dc-color-primary-tint:   color-mix(in srgb, var(--dc-color-primary) 22%, white); /* софт-заливка primary-кнопки */
  --dc-color-on-primary:     #FFFFFF;
  --dc-gradient-brand:       linear-gradient(135deg, var(--dc-granit-500) 0%, var(--dc-granit-700) 100%);
  --dc-color-success:        #33C29A;  /* зелёный акцент остаётся семантикой успеха */

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

  /* --- Поверхности --- */
  --dc-color-bg:            #F7F9FC;   /* фон приложения */
  --dc-color-surface:       #FFFFFF;   /* карточка/панель */
  --dc-color-border:        #ECEFF4;
  --dc-color-border-strong: #E4E8EF;

  /* --- Форма --- */
  --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);
}