/**
 * Tema Personalizado - Caranha na Brasa
 * 
 * Este arquivo sobrescreve as variáveis CSS do tema global
 * para criar um tema marrom/dourado personalizado.
 */

:root {
  /* Cores Principais - Marrom e Dourado */
  --color-primary: #8B4513;        /* Marrom principal */
  --color-secondary: #FFD700;      /* Dourado secundário */
  
  /* Cores de Fundo - Claro com tom marrom */
  --color-bg: #fefaf6;           /* Fundo muito claro bege */
  --color-card: #ffffff;         /* Branco para cards */
  --color-card-glass: rgba(254, 250, 246, 0.75); /* Glass effect - bege muito claro */
  
  /* Cores de Texto */
  --color-text: #5c2e0a;         /* Texto escuro marrom */
  --color-text-secondary: #8B4513; /* Marrom - Texto secundário */
  --color-text-muted: #a0522d;   /* Texto desabilitado marrom */
  
  /* Cores de Botões - Marrom */
  --color-button: #8B4513;       /* Marrom - Botão */
  --color-button-hover: #6b3410; /* Marrom escuro - Hover do botão */
  --color-button-text: #ffffff;  /* Branco - Texto do botão */
  
  /* Cores de Borda - Marrom */
  --color-border: rgba(139, 69, 19, 0.3); /* Marrom com transparência */
  --color-border-light: rgba(255, 255, 255, 0.5); /* Branco com mais opacidade */
  
  /* Cores de Glass Effect - Marrom */
  --color-glass-bg: rgba(254, 250, 246, 0.75); /* Fundo glass bege */
  --color-glass-border: rgba(255, 255, 255, 0.4); /* Borda glass */
  
  /* Cores de Estados (mantém padrão) */
  --color-success: #10b981;      /* green-500 - Sucesso */
  --color-error: #ef4444;        /* red-500 - Erro */
  --color-warning: #f59e0b;      /* yellow-500 - Aviso */
  
  /* Cores de Paginação - Marrom */
  --color-pagination-active: #8B4513; /* Botão ativo marrom */
  --color-pagination-hover: #fefaf6; /* Hover bege claro */
  
  /* Cores de Modal - Marrom */
  
  /* Cores de Sidebar - Marrom */
  --color-sidebar-bg: rgba(254, 250, 246, 0.75); /* Fundo da sidebar bege */
  --color-sidebar-item-bg: rgba(255, 255, 255, 0.5); /* Item da sidebar */
  
  /* Cores de Notificação - Mantém padrão do sistema (cinza) */
  --color-notification-success: #10b981; /* Ícone de sucesso (mantém verde) */
}