:root {
  /* Основные */
  --color-primary: #1E3A8A;
  --color-primary-dark: #0F2B6E;
  --color-accent: #F59E0B;

  /* Статусы */
  --color-success: #10B981;
  --color-danger: #DC2626;
  --color-warning: #F59E0B;

  /* Текст */
  --color-text: #0F172A;
  --color-text-secondary: #64748B;
  --color-text-muted: #9CA3AF;

  /* Фоны и границы */
  --color-bg: #F5F7FA;
  --color-bg-light: #F8FAFC;
  --color-border: #E5E7EB;
  --color-border-light: #E2E8F0;

  /* Дополнительные */
  --color-primary-light: #EFF6FF;
  --color-accent-light: #FEF3E8;
  --color-success-light: #F0FDF4;
  --color-danger-light: #FEF2F2;
  --color-warning-light: #FEF3C7;

    /* === Дополнительные серые === */
  --color-text-gray: #6B7280;         /* gray-500 */
  --color-text-gray-dark: #4B5563;    /* gray-600 */
  --color-text-gray-light: #94A3B8;   /* slate-400 */
  --color-bg-gray: #F3F4F6;           /* gray-100 */
  --color-bg-gray-light: #F9FAFB;     /* gray-50 */
  --color-border-slate: #CBD5E1;      /* slate-300 */

  /* === Дополнительные статусы === */
  --color-danger-bg: #FEE2E2;         /* red-100 */
  --color-success-bg: #D1FAE5;        /* emerald-100 */
  --color-success-bg-light: #F0FDF4;  /* green-50 */
  --color-accent-bg: #FFF7ED;         /* orange-50 */
  --color-accent-border: #FDE68A;     /* amber-200 */
  --color-accent-dark: #D97706;       /* amber-600 */

  /* === Специальные === */
  --color-vk: #4680C2;                /* VK blue */
  --color-primary-bg: #BFDBFE;        /* blue-200 */
  --color-bg-slate: #F1F5F9;          /* slate-100 */
}