/* 
   Arquivo: css/globais.css
   Objetivo: Definir as variáveis de cor com visual premium (Glassmorphism + Dark Mode), 
   tipografia básica e resets da página.
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  /* Paleta Corporate Premium */
  --bg-color: #0b1120; /* Fundo geral da página (Corporate Navy) */
  --surface-color: rgba(30, 41, 59, 0.7); /* Fundo dos cartões transparentes */
  --surface-border: rgba(255, 255, 255, 0.06); /* Borda dos elementos transparentes */
  --surface-hover: rgba(51, 65, 85, 0.9);
  
  --primary-color: #2563eb; /* Azul Institucional G2G */
  --primary-hover: #1d4ed8;
  
  --success-color: #10b981; /* Verde esmeralda para confirmações */
  --danger-color: #ef4444; /* Vermelho para exclusões */
  
  --text-primary: #f8fafc; /* Texto principal claro */
  --text-secondary: #94a3b8; /* Texto secundário "acinzentado" */
  
  --radius-md: 8px;
  --radius-lg: 16px;
  
  --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  
  --transition: all 0.2s ease-in-out;
}

/* Reset Básico para padronizar todos os navegadores */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: var(--bg-color);
  color: var(--text-primary);
  min-height: 100vh;
  /* Uma leve imagem de fundo borrada para dar efeito Glassmorphism */
  background-image: radial-gradient(circle at 15% 50%, rgba(59, 130, 246, 0.15), transparent 25%),
                    radial-gradient(circle at 85% 30%, rgba(16, 185, 129, 0.1), transparent 25%);
  background-attachment: fixed;
}

/* Ocultar elementos facilmente com a classe hidden */
.hidden {
  display: none !important;
}

/* Efeito suave de entrada nas páginas */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
  animation: fadeIn 0.4s ease forwards;
}
