/**
 * Color Utility Classes
 * 
 * Наши utility классы для цветов, использующие design tokens.
 * Адаптируются к цветовым схемам автоматически.
 * 
 * @version 1.0
 * @created 2025-11-19
 */

/* ============================================
   TEXT COLORS
   ============================================ */

.text-primary {
  color: rgb(var(--color-primary)) !important;
}

.text-secondary {
  color: rgb(var(--grey-500)) !important;
}

.text-success {
  color: rgb(var(--color-success)) !important;
}

.text-error {
  color: rgb(var(--color-error)) !important;
}

.text-warning {
  color: rgb(var(--color-warning)) !important;
}

.text-info {
  color: rgb(var(--color-info)) !important;
}

.text-muted {
  color: rgb(var(--color-text-muted)) !important;
}

.text-subtle {
  color: rgb(var(--color-text-subtle)) !important;
}

.text-canvas {
  color: rgb(var(--color-canvas)) !important;
}

.text-canvas-gr1 {
  color: rgb(var(--color-canvas-gr1)) !important;
}
.text-text {
  color: rgb(var(--color-text)) !important;
}

/* ============================================
   BACKGROUND COLORS
   ============================================ */

.bg-primary {
  background-color: rgb(var(--color-primary)) !important;
}

.bg-secondary {
  background-color: rgb(var(--grey-500)) !important;
}

.bg-success {
  background-color: rgb(var(--color-success)) !important;
}

.bg-error {
  background-color: rgb(var(--color-error)) !important;
}

.bg-warning {
  background-color: rgb(var(--color-warning)) !important;
}

.bg-info {
  background-color: rgb(var(--color-info)) !important;
}

.bg-canvas {
  background-color: rgb(var(--color-canvas)) !important;
}

.bg-canvas-gr1 {
  background-color: rgb(var(--color-canvas-gr1)) !important;
}

.bg-light {
  background-color: rgb(var(--grey-100)) !important;
}

.bg-dark {
  background-color: rgb(var(--grey-900)) !important;
}

/* ============================================
   BORDER COLORS
   ============================================ */

.border-primary {
  border-color: rgb(var(--color-primary)) !important;
}

.border-secondary {
  border-color: rgb(var(--grey-500)) !important;
}

.border-success {
  border-color: rgb(var(--color-success)) !important;
}

.border-error {
  border-color: rgb(var(--color-error)) !important;
}

.border-warning {
  border-color: rgb(var(--color-warning)) !important;
}

.border-info {
  border-color: rgb(var(--color-info)) !important;
}

.border-light {
  border-color: rgb(var(--grey-300)) !important;
}