/**
 * Tema Personalizado - Barbearia Exemplo
 * 
 * Este arquivo sobrescreve as variáveis CSS do tema global
 * para criar um tema preto e dourado personalizado para a barbearia.
 */

:root {
  /* Cores Principais - Preto e Dourado */
  --color-primary: #111111;        /* Preto principal */
  --color-secondary: #C89B3C;       /* Dourado (gold) */
  
  /* Cores de Fundo - Tons de cinza escuro */
  --color-bg: #f5f5f5;            /* Fundo claro */
  --color-card: #ffffff;           /* Branco para cards */
  --color-card-glass: rgba(17, 17, 17, 0.05); /* Glass effect - preto muito claro */
  
  /* Cores de Texto */
  --color-text: #111111;          /* Preto - Texto principal */
  --color-text-secondary: #525252; /* Cinza médio - Texto secundário */
  --color-text-muted: #737373;    /* Cinza claro - Texto desabilitado */
  
  /* Cores de Botões - Preto com destaque dourado */
  --color-button: #111111;        /* Preto - Botão principal */
  --color-button-hover: #1a1a1a; /* Preto mais claro - Hover do botão */
  --color-button-text: #ffffff;  /* Branco - Texto do botão */
  
  /* Cores de Borda - Preto suave */
  --color-border: rgba(17, 17, 17, 0.2); /* Preto com transparência */
  --color-border-light: rgba(255, 255, 255, 0.5); /* Branco com transparência */
  
  /* Cores de Glass Effect - Preto elegante */
  --color-glass-bg: rgba(243, 244, 246, 0.75); /* Fundo glass */
  --color-glass-border: rgba(17, 17, 17, 0.1); /* Borda glass preta suave */
  
  /* 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 - Preto */
  --color-pagination-active: #111111; /* Botão ativo preto */
  --color-pagination-hover: #f3f4f6;  /* Hover cinza claro */
  
  /* Cores de Sidebar - Preto suave */
  --color-sidebar-bg: rgba(243, 244, 246, 0.75); /* Fundo da sidebar */
  --color-sidebar-item-bg: rgba(255, 255, 255, 0.5); /* Item da sidebar */
  
  /* Cores de Notificação - Mantém padrão do sistema */
  --color-notification-success: #10b981; /* Ícone de sucesso (mantém verde) */
}