/* Дизайн-токены панели «Эмилия».
   Значения, а не решения: цвета, размеры и тени задаются здесь, компоненты
   в app.css только собираются из них. Поменять вид всей панели можно правкой
   одного этого файла. */

:root {
  /* Нейтральная шкала — основа интерфейса */
  --gray-50:  #f8fafc;
  --gray-100: #f1f5f9;
  --gray-200: #e2e8f0;
  --gray-300: #cbd5e1;
  --gray-400: #94a3b8;
  --gray-500: #64748b;
  --gray-600: #475569;
  --gray-700: #334155;
  --gray-800: #1e293b;
  --gray-900: #0f172a;

  /* Акцент — спокойный медицинский бирюзовый, не режет глаз в ежедневной работе */
  --accent-50:  #ecfeff;
  --accent-100: #cffafe;
  --accent-500: #06b6d4;
  --accent-600: #0891b2;
  --accent-700: #0e7490;

  /* Смысловые цвета: рост, спад, внимание */
  --up-500:   #059669;
  --up-50:    #ecfdf5;
  --down-500: #dc2626;
  --down-50:  #fef2f2;
  --warn-500: #d97706;
  --warn-50:  #fffbeb;

  /* Роли. Компоненты обращаются только к ним, а не к шкале напрямую */
  --bg:          var(--gray-50);
  --surface:     #ffffff;
  --surface-alt: var(--gray-100);
  --border:      var(--gray-200);
  --text:        var(--gray-900);
  --text-muted:  var(--gray-500);
  --text-invert: #ffffff;

  /* Шкала отступов: кратна четырём, чтобы всё выравнивалось само */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  --radius-sm: 6px;
  --radius:    10px;
  --radius-lg: 16px;
  --radius-full: 999px;

  --shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
  --shadow:    0 1px 3px rgba(15, 23, 42, .08), 0 4px 12px rgba(15, 23, 42, .04);

  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --text-xs: 13px;
  --text-sm: 15px;
  --text-base: 17px;
  --text-lg: 20px;
  --text-xl: 25px;
  --text-2xl: 34px;

  --sidebar-width: 232px;
  --transition: 140ms ease;
}

/* Панель всегда светлая — согласовано с заказчиком. Автоматическое
   переключение на тёмную убрано намеренно: панель смотрят вдвоём с экрана,
   и вид не должен зависеть от настроек конкретного компьютера. */