/**
 * Tema Personalizado - Loja de Roupas
 * 
 * Este arquivo sobrescreve as variáveis CSS do tema global
 * para criar um tema rosa personalizado.
 */

:root {
  /* Cores Principais - Rosa */
  --color-primary: #EC4899;        /* Rosa principal */
  --color-secondary: #BE185D;      /* Rosa escuro */
  
  /* Cores de Fundo - Claro */
  --color-bg: #f5f5f5;           /* Fundo claro */
  --color-card: #ffffff;         /* Branco para cards */
  --color-card-glass: rgba(245, 245, 245, 0.75); /* Glass effect */
  
  /* Cores de Texto */
  --color-text: #171717;         /* Texto escuro */
  --color-text-secondary: #404040; /* Cinza - Texto secundário */
  --color-text-muted: #737373;   /* Texto desabilitado */
  
  /* Cores de Botões - Rosa */
  --color-button: #EC4899;       /* Rosa - Botão */
  --color-button-hover: #BE185D; /* Rosa escuro - Hover do botão */
  --color-button-text: #ffffff;  /* Branco - Texto do botão */
  
  /* Cores de Borda */
  --color-border: rgba(209, 213, 219, 0.3); /* Cinza com transparência */
  --color-border-light: rgba(255, 255, 255, 0.5); /* Branco com mais opacidade */
  
  /* Cores de Glass Effect */
  --color-glass-bg: rgba(245, 245, 245, 0.75); /* Fundo glass */
  --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: #f5f5f5; /* Hover cinza claro */
  
  /* Cores de Sidebar */
  --color-sidebar-bg: rgba(245, 245, 245, 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) */
}