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

/* Variáveis personalizadas geradas automaticamente */
/* =====================================================
   VARIÁVEIS CSS DINÂMICAS - GERADAS AUTOMATICAMENTE
   Site: luxtrader
   Configuradas no painel de personalização
   Este arquivo é gerado automaticamente - NÃO EDITAR MANUALMENTE
   ===================================================== */
:root {
  --cor-primaria: #5dd82c;
  --cor-secundaria: #679c54;
  --cor-texto: #ffffff;
  --fundo-geral: linear-gradient(135deg, rgb(0, 8, 25), rgb(5, 41, 0));
  --menu-height: 80px;
  --menu-bg: rgb(0, 0, 0);
  --menu-text-color: #ffffff;
  --menu-text-hover-color: #5ed82d;
  --menu-item-bg: rgb(27, 31, 37);
  --menu-item-bg-hover: rgb(50, 57, 67);
  --menu-border-width: 1px;
  --menu-border-color: #323943;
  --menu-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  --btn-destaque-bg: linear-gradient(180deg, rgb(93, 217, 45), rgb(51, 148, 16));
  --btn-destaque-bg-hover: linear-gradient(135deg, #48ff00 0%, #5dd92d 100%);
  --btn-destaque-texto: #ffffff;
  --btn-destaque-texto-hover: #000000;
  --btn-destaque-shadow: 0 2px 10px rgba(0,0,0,.1);
  --btn-normal-bg: rgb(255, 255, 255);
  --btn-normal-bg-hover: #58d12a;
  --btn-normal-texto: #333333;
  --btn-normal-texto-hover: #ffffff;
  --btn-normal-shadow: 0 2px 10px rgba(0,0,0,.1);
  --card1-bg: linear-gradient(135deg, rgb(0, 17, 41), rgb(4, 47, 33));
  --card1-border-width: 1px;
  --card1-border-color: #254645;
  --card1-shadow: 0px 2px 12px 0px rgba(93, 217, 45, 0.24);
  --card2-bg: rgb(27, 33, 44);
  --card2-border-width: 1px;
  --card2-border-color: #5dd92d;
  --card2-shadow: -30px -30px 0px 0px rgba(0, 0, 0, 0);
  --card3-bg: rgb(24, 28, 35);
  --card3-border-width: 2px;
  --card3-border-color: #4ade80;
  --card3-shadow: 0px 2px 27px 0px rgba(74, 222, 128, 0.26);
  --footer-bg: #000000;
  --footer-text-color: #ffffff;
}