/* Importa variáveis base */
@import url('variables.css');

/* Variáveis personalizadas geradas automaticamente */
/* =====================================================
   VARIÁVEIS CSS DINÂMICAS - GERADAS AUTOMATICAMENTE
   Site: scalperfx
   Configuradas no painel de personalização
   Este arquivo é gerado automaticamente - NÃO EDITAR MANUALMENTE
   ===================================================== */
:root {
  --cor-primaria: #00ff88;
  --cor-secundaria: #00d973;
  --cor-texto: #f0f6fc;
  --fundo-geral: linear-gradient(135deg, rgb(5, 8, 10), rgb(12, 18, 24));
  --menu-height: 80px;
  --menu-bg: rgb(5, 8, 10);
  --menu-text-color: #f0f6fc;
  --menu-text-hover-color: #00ff88;
  --menu-item-bg: rgb(12, 18, 24);
  --menu-item-bg-hover: rgb(22, 31, 40);
  --menu-border-width: 1px;
  --menu-border-color: #1e2a36;
  --menu-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  --btn-destaque-bg: linear-gradient(180deg, rgb(0, 255, 136), rgb(0, 217, 115));
  --btn-destaque-bg-hover: linear-gradient(135deg, #4bffa8 0%, #00ff88 100%);
  --btn-destaque-texto: #05080a;
  --btn-destaque-texto-hover: #05080a;
  --btn-destaque-shadow: 0 13px 38px rgba(0,255,136,.35), 0 4px 10px rgba(0,0,0,.5);
  --btn-normal-bg: rgba(255, 255, 255, 0.02);
  --btn-normal-bg-hover: #00ff88;
  --btn-normal-texto: #b6c4d2;
  --btn-normal-texto-hover: #00ff88;
  --btn-normal-shadow: 0 2px 10px rgba(0,0,0,.1);
  --card1-bg: linear-gradient(135deg, rgb(8, 12, 16), rgb(17, 24, 31));
  --card1-border-width: 1px;
  --card1-border-color: #1e2a36;
  --card1-shadow: 0px 2px 12px 0px rgba(0, 255, 136, 0.18);
  --card2-bg: rgb(12, 18, 24);
  --card2-border-width: 1px;
  --card2-border-color: #00ff88;
  --card2-shadow: -30px -30px 0px 0px rgba(0, 0, 0, 0);
  --card3-bg: rgb(5, 8, 10);
  --card3-border-width: 2px;
  --card3-border-color: rgba(0, 255, 136, 0.28);
  --card3-shadow: 0px 2px 27px 0px rgba(0, 255, 136, 0.22);
  --footer-bg: #05080a;
  --footer-text-color: #b6c4d2;
}