/*
 * Tokens semânticos de tema da Central de Conversas.
 * Servido pelo Nginx como /theme.css e referenciado por variáveis CSS no app.
 * Trocar este arquivo (montado em produção) altera o tema SEM rebuild do bundle.
 * As cores de SETOR são dinâmicas (vindas do banco) e aplicadas por variável
 * inline validada — nunca hardcoded aqui.
 */

:root {
  /* Tema claro (padrão) */
  --color-primary: #16a34a;
  --color-primary-contrast: #ffffff;
  --color-background: #f8fafc;
  --color-surface: #ffffff;
  --color-surface-elevated: #f1f5f9;
  --color-border: #e2e8f0;
  --color-text-primary: #0f172a;
  --color-text-secondary: #64748b;
  --color-success: #16a34a;
  --color-warning: #d97706;
  --color-danger: #dc2626;
  --color-info: #2563eb;

  --radius-small: 8px;
  --radius-medium: 12px;
  --radius-large: 18px;
}

.dark {
  /* Tema escuro */
  --color-primary: #22c55e;
  --color-primary-contrast: #04130a;
  --color-background: #0b1220;
  --color-surface: #111827;
  --color-surface-elevated: #172033;
  --color-border: #263249;
  --color-text-primary: #f8fafc;
  --color-text-secondary: #9ca3af;
  --color-success: #22c55e;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;
  --color-info: #3b82f6;
}