/* Тема carbon (тёмная). Полная палитра в :root.
   Используется: var(--color-*) из styles.css/ui.css. */

:root {
  --color-primary: #6788f3;
  --color-primary-hover: #5b78d6;
  --color-on-primary: #ffffff;
  --color-danger: #dc2626;
  --color-danger-hover: #b91c1c;
  --color-on-danger: #ffffff;
  --color-bg: #181e2c;
  --color-bg-secondary: #232d3b;
  --color-bg-button: #2d3847;
  --color-text: #e5e7eb;
  --color-text-secondary: #9ca3af;
  --color-text-placeholder: #9ca3af;
  --color-border: #374151;
  --color-navbar-bg: #0b1019;
  --color-avatar-border: #ffffff;
  --color-card-border: #3a414e;
  --color-card-hover-border: #4b5563;
  --color-card-hover-bg: #2e3845;

  --badge-red-bg: rgba(239, 68, 68, 0.1);
  --badge-red-fg: #f87171;
  --badge-orange-bg: rgba(249, 115, 22, 0.1);
  --badge-orange-fg: #fb923c;
  --badge-yellow-bg: rgba(250, 204, 21, 0.1);
  --badge-yellow-fg: #fde047;
  --badge-green-bg: rgba(34, 197, 94, 0.1);
  --badge-green-fg: #4ade80;
  --badge-blue-bg: rgba(59, 130, 246, 0.1);
  --badge-blue-fg: #60a5fa;
  --badge-purple-bg: rgba(168, 85, 247, 0.1);
  --badge-purple-fg: #c084fc;
  --badge-cyan-bg: rgba(34, 211, 238, 0.1);
  --badge-cyan-fg: #22d3ee;
  --badge-zinc-bg: rgba(255, 255, 255, 0.05);
  --badge-zinc-fg: #a1a1aa;
}