/**
 * Tema Personalizado - Clínica Dental Sorriso Perfeito
 * 
 * Este arquivo sobrescreve as variáveis CSS do tema global
 * para criar um tema azul profissional para o consultório dentista.
 */

:root {
  /* Cores Principais - Azul Profissional */
  --color-primary: #0EA5E9;        /* sky-500 - Azul principal */
  --color-secondary: #06B6D4;     /* cyan-500 - Azul secundário */
  
  /* Cores de Fundo - Claro com tom azulado suave */
  --color-bg: #f0f9ff;           /* sky-50 - Fundo azul muito claro */
  --color-card: #ffffff;         /* Branco para cards */
  --color-card-glass: rgba(224, 242, 254, 0.75); /* Glass effect - azul claro */
  
  /* Cores de Texto */
  --color-text: #0c4a6e;         /* sky-900 - Texto escuro azulado */
  --color-text-secondary: #075985; /* sky-800 - Texto secundário */
  --color-text-muted: #0284c7;   /* sky-600 - Texto desabilitado */
  
  /* Cores de Botões - Azul Profissional */
  --color-button: #0EA5E9;       /* sky-500 - Botão azul */
  --color-button-hover: #0284c7; /* sky-600 - Hover do botão */
  --color-button-text: #ffffff;  /* Branco - Texto do botão */
  
  /* Cores de Borda - Azul */
  --color-border: rgba(14, 165, 233, 0.3); /* sky-500 com transparência */
  --color-border-light: rgba(255, 255, 255, 0.5); /* Branco com mais opacidade */
  
  /* Cores de Glass Effect - Azul */
  --color-glass-bg: rgba(224, 242, 254, 0.75); /* Fundo glass azul */
  --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 - Azul */
  --color-pagination-active: #0EA5E9; /* Botão ativo azul */
  --color-pagination-hover: #e0f2fe; /* Hover azul claro */
  
  /* Cores de Sidebar - Azul */
  --color-sidebar-bg: rgba(224, 242, 254, 0.75); /* Fundo da sidebar azul */
}