/**
 * Tema Personalizado - Açaí Delivery
 * 
 * Este arquivo sobrescreve as variáveis CSS do tema global
 * para criar um tema roxo personalizado para loja de açaí.
 */

:root {
  /* Cores Principais - Roxo */
  --color-primary: #9333EA;        /* purple-600 - Roxo principal vibrante */
  --color-secondary: #7B2CBF;      /* purple-700 - Roxo escuro */
  
  /* Cores de Fundo - Claro com tom roxo */
  --color-bg: #FAF5FF;           /* purple-50 - Fundo muito claro roxo */
  --color-card: #ffffff;         /* Branco para cards */
  --color-card-glass: rgba(243, 232, 255, 0.75); /* Glass effect - roxo muito claro */
  
  /* Cores de Texto */
  --color-text: #581C87;         /* purple-900 - Texto escuro roxo */
  --color-text-secondary: #7B2CBF; /* purple-700 - Texto secundário */
  --color-text-muted: #9333EA;   /* purple-600 - Texto desabilitado */
  
  /* Cores de Botões - Roxo */
  --color-button: #9333EA;       /* purple-600 - Botão roxo */
  --color-button-hover: #7B2CBF; /* purple-700 - Hover do botão */
  --color-button-text: #ffffff;  /* Branco - Texto do botão */
  
  /* Cores de Borda - Roxo */
  --color-border: rgba(147, 51, 234, 0.3); /* purple-600 com transparência */
  --color-border-light: rgba(255, 255, 255, 0.5); /* Branco com mais opacidade */
  
  /* Cores de Glass Effect - Roxo */
  --color-glass-bg: rgba(243, 232, 255, 0.75); /* Fundo glass roxo */
  --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 - Roxo */
  --color-pagination-active: #9333EA; /* Botão ativo roxo */
  --color-pagination-hover: #F3E8FF; /* Hover roxo claro */
  
  /* Cores de Modal - Roxo */
  
  /* Cores de Sidebar - Roxo */
  --color-sidebar-bg: rgba(243, 232, 255, 0.75); /* Fundo da sidebar roxo */
  --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) */
}