/**
 * Tema Personalizado - Salão Exemplo
 * 
 * Este arquivo sobrescreve as variáveis CSS do tema global
 * para criar um tema rosa personalizado para o salão.
 */

:root {
  /* Cores Principais - Rosa */
  --color-primary: #ec4899;        /* pink-500 - Rosa principal */
  --color-secondary: #f9a8d4;     /* pink-300 - Rosa claro */
  
  /* Cores de Fundo - Claro com tom rosado */
  --color-bg: #fdf2f8;           /* pink-50 - Fundo muito claro */
  --color-card: #ffffff;         /* Branco para cards */
  --color-card-glass: rgba(252, 231, 243, 0.75); /* Glass effect - rosa muito claro */
  
  /* Cores de Texto */
  --color-text: #831843;         /* pink-900 - Texto escuro rosado */
  --color-text-secondary: #9f1239; /* pink-800 - Texto secundário */
  --color-text-muted: #be185d;   /* pink-700 - Texto desabilitado */
  
  /* Cores de Botões - Rosa */
  --color-button: #ec4899;       /* pink-500 - Botão rosa */
  --color-button-hover: #db2777; /* pink-600 - Hover do botão */
  --color-button-text: #ffffff;  /* Branco - Texto do botão */
  
  /* Cores de Borda - Rosa */
  --color-border: rgba(244, 114, 182, 0.3); /* pink-400 com transparência */
  --color-border-light: rgba(255, 255, 255, 0.5); /* Branco com mais opacidade */
  
  /* Cores de Glass Effect - Rosa */
  --color-glass-bg: rgba(252, 231, 243, 0.75); /* Fundo glass rosado */
  --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 - Rosa */
  --color-pagination-active: #ec4899; /* Botão ativo rosa */
  --color-pagination-hover: #fce7f3; /* Hover rosa claro */
  
  /* Cores de Modal - Rosa */
  
  /* Cores de Sidebar - Rosa */
  --color-sidebar-bg: rgba(252, 231, 243, 0.75); /* Fundo da sidebar rosado */
  --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) */
}