/* Nova paleta de cores tech para o site Testai */

:root {
  /* Cores primárias */
  --color-primary: #00F0FF; /* Ciano neon */
  --color-secondary: #6E3ADB; /* Roxo tech */
  
  /* Cores de destaque */
  --color-highlight-green: #00FF9D; /* Verde neon */
  --color-highlight-blue: #0084FF; /* Azul elétrico */
  --color-highlight-purple: #A742FF; /* Roxo neon */
  --color-highlight-yellow: #FFD600; /* Amarelo digital */
  --color-highlight-orange: #FF7D00; /* Laranja tech */
  
  /* Cores de fundo */
  --color-background: #0B132B; /* Azul escuro profundo */
  --color-card-bg: #1C2541; /* Azul escuro médio */
  --color-card-bg-hover: #3A506B; /* Azul médio */
  
  /* Cores de texto */
  --color-text-primary: #ffffff; /* Branco */
  --color-text-secondary: #8EAEBD; /* Azul claro */
  
  /* Elementos de UI */
  --border-radius: 8px;
  --box-shadow: 0 4px 15px rgba(0, 240, 255, 0.15);
  --transition-speed: 0.3s;
  
  /* Gradientes */
  --gradient-primary: linear-gradient(45deg, #00F0FF, #6E3ADB);
  --gradient-secondary: linear-gradient(135deg, #00FF9D, #0084FF);
  --gradient-background: linear-gradient(135deg, #0B132B 0%, #1C2541 100%);
  --gradient-card: linear-gradient(135deg, rgba(28, 37, 65, 0.8) 0%, rgba(58, 80, 107, 0.8) 100%);
  
  /* Efeitos de glow */
  --glow-primary: 0 0 10px rgba(0, 240, 255, 0.5);
  --glow-secondary: 0 0 10px rgba(110, 58, 219, 0.5);
}