/* ========================================
 * Variáveis de Cores Centralizadas
 * Gerado automaticamente
 * ========================================
 * Este arquivo centraliza todas as cores
 * utilizadas no projeto.
 * ======================================== */

:root {
  /* ====================================== */
  /* Cores Primárias */
  /* ====================================== */
  --color-primary: #1a1a1ad3; /* Cor principal do tema */
  --color-primary-light: #7e7e7ed3; /* Variante clara da cor principal */

  --color-primary-alpha-10: rgba(0, 0, 0, 0.1); /* xxx */
  --color-primary-alpha-20: rgba(0, 0, 0, 0.2); /* xxx */
  --color-primary-alpha-5: rgba(0, 0, 0, 0.05); /* xxx */
  --color-primary-alpha-3: rgba(0, 0, 0, 0.03); /* xxx */
  --color-primary-alpha-30: rgba(0, 0, 0, 0.3); /* xxx */
  --color-primary-alpha-40: rgba(0, 0, 0, 0.4); /* xxx */

  --color-primary-alpha-90: rgba(0, 0, 0, 0.9); /* xxx */
  --color-primary-alpha-95: rgba(0, 0, 0, 0.9); /* xxx */

  --color-primary-light-alpha-5: rgba(167, 139, 250, 0.05); /* xxx */
  --color-primary-light-alpha-3: rgba(167, 139, 250, 0.03); /* xxx */
  --color-primary-dark: #000000d3; /* xxx */

  --color-secondary: rgb(52, 65, 83); /* xxx */

  --color-white: #FFFFFF;
  --color-black: #000000;
  

  /* ====================================== */
  /* Cores de Fundo e Superfície - backgroung - bg */
  /* ====================================== */
  --color-white: #ffffff; /* Branco puro */
  --color-surface-light: #f8fafc; /* Superfície clara */
  --color-surface-dark: #000000c2; /* Superfície escura */
  --color-surface-darker: #000000; /* Superfície mais escura */

  /* ====================================== */
  /* Cores de Estado */
  /* ====================================== */
  --color-danger: #dc2626; /* Cor de erro/perigo */
  --color-success: #10b981; /* Cor de sucesso */
  --color-info: #3b82f6; /* Cor de informação */
  --color-warning: #ff8800; /* Cor de warning */

  /* ====================================== */
  /* Cores com Transparência */
  /* ====================================== */
  --color-white-alpha-10: rgba(255, 255, 255, 0.1); /* Branco com 10% opacidade */
  --color-white-alpha-3: rgba(255,255,255,0.03); /* Branco com 3% opacidade */
  --color-black-alpha-5: rgba(0, 0, 0, 0.05); /* Preto com 5% opacidade */
  --color-black-alpha-65: rgb(0, 0, 0, 0.65); /* Preto com 65% opacidade */
  --color-red: rgb(255, 0, 0); /* Vermelho puro */

  /* ====================================== */
  /* Gradientes */
  /* ====================================== */
  --color-gradient-start: #667eea; /* Início do gradiente */
  --color-gradient-end: #764ba2; /* Fim do gradiente */

  /* ====================================== */
  /* Outras Cores */
  /* ====================================== */
  --color-other-1: rgba(0, 0, 0, 0.1); /* Usado 3x */
  --color-other-2: #ffffffbe; /* Usado 3x */
  --color-other-3: #94a3b8; /* Usado 3x */
  --color-other-4: rgba(255, 255, 255, 0.3); /* Usado 3x */
  --color-other-5: rgba(255, 255, 255, 0.2); /* Usado 3x */
  --color-other-6: #6b7280; /* Usado 3x */
  --color-other-7: #181818; /* Usado 2x button hover */
  --color-other-8: #06b6d4; /* Usado 2x */
  --color-other-9: #64748b; /* Usado 2x */
  --color-other-10: #e2e8f0; /* Usado 2x */
  --color-other-11: #000000; /* Usado 2x */
  --color-other-12: #b6b6b6; /* Usado 2x */
  --color-other-13: rgba(0, 0, 0, 0.08); /* Usado 2x */
  --color-other-14: rgb(255, 0, 0, 0.65); /* Usado 2x */
  --color-other-15: #34d399; /* Usado 2x */
  --color-other-16: rgba(16, 185, 129, 0.3); /* Usado 2x */
  --color-other-17: rgba(16, 185, 129, 0.1); /* Usado 2x */
  --color-other-18: rgba(220, 38, 38, 0.1); /* Usado 2x */
  --color-other-19: #16a34a; /* Usado 2x */
  --color-other-20: rgba(255,255,255,0.05); /* Usado 2x */
  --color-other-21: rgba(255, 255, 255, 0.15); /* Usado 2x */
  --color-other-22: rgba(255, 255, 255, 0.25); /* Usado 2x */
  --color-other-23: rgba(0, 0, 0, 0.3); /* Usado 2x */
  --color-other-24: rgba(239, 68, 68, 0.1); /* Usado 2x */
  --color-other-25: rgba(34, 197, 94, 0.1); /* Usado 2x */
  --color-other-26: #dee2e6; /* Usado 2x */
  --color-other-27: #1f2937; /* Usado 2x */
  --color-other-28: #8b5cf6; /* Usado 1x */
  --color-other-29: rgba(255, 255, 255, 0.98); /* Usado 1x */
  --color-other-30: rgba(255, 255, 255, 0.7); /* Usado 1x */
  --color-other-31: rgba(255, 255, 255, 0.6); /* Usado 1x */
  --color-other-32: #28a745; /* Usado 1x */
  --color-other-33: #dc3545; /* Usado 1x */
  --color-other-34: rgba(124, 58, 237, 0.5); /* Usado 1x */
  --color-other-35: rgba(0, 0, 0, 0.5); /* Usado 1x */
  --color-other-36: rgba(255, 255, 255, 0.08); /* Usado 1x - metric-card */
  --color-other-37: rgba(255, 255, 255, 0.12); /* Usado 1x */
  --color-other-38: rgba(124, 58, 237, 0.15); /* Usado 1x */
  --color-other-39: #e5e7eb; /* Usado 1x */

  --color-other-40: #ff8800; /* xxx */
  --color-other-41: rgb(52, 65, 83); /* xxx */
  --color-other-42: rgb(91, 103, 121); /* xxx */
  --color-other-43: rgb(113, 119, 128); /* xxx */
}