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

/* Variáveis personalizadas geradas automaticamente */
/* =====================================================
   VARIÁVEIS CSS DINÂMICAS - GERADAS AUTOMATICAMENTE
   Site: rayanetraderbot
   Configuradas no painel de personalização
   Este arquivo é gerado automaticamente - NÃO EDITAR MANUALMENTE
   ===================================================== */
:root {
  --cor-primaria: #b91cd9;
  --cor-secundaria: #d91cd2;
  --cor-texto: #ffffff;
  --fundo-geral: linear-gradient(135deg, rgb(0, 0, 0), rgb(85, 0, 87));
  --menu-height: 80px;
  --menu-bg: linear-gradient(135deg, rgb(20, 0, 25), rgb(52, 0, 66));
  --menu-text-color: #ffffff;
  --menu-text-hover-color: #a717c4;
  --menu-item-bg: rgb(52, 0, 66);
  --menu-item-bg-hover: rgb(51, 0, 64);
  --menu-border-width: 1px;
  --menu-border-color: #740094;
  --menu-shadow: 0px 4px 12px 0px rgba(116, 0, 148, 0.6);
  --btn-destaque-bg: linear-gradient(180deg, rgb(185, 28, 217), rgb(130, 16, 152));
  --btn-destaque-bg-hover: linear-gradient(135deg, #821098 0%, #821098 100%);
  --btn-destaque-texto: #ffffff;
  --btn-destaque-texto-hover: #ffffff;
  --btn-destaque-shadow: 0 2px 10px rgba(0,0,0,.1);
  --btn-normal-bg: rgb(255, 255, 255);
  --btn-normal-bg-hover: #ad19cb;
  --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(36, 26, 50), rgb(60, 50, 78));
  --card1-border-width: 1px;
  --card1-border-color: #3d4657;
  --card1-shadow: 0px 2px 12px 0px rgba(121, 1, 137, 0.24);
  --card2-bg: rgb(41, 0, 56);
  --card2-border-width: 1px;
  --card2-border-color: #683672;
  --card2-shadow: -30px -30px 0px 0px rgba(0, 0, 0, 0);
  --card3-bg: linear-gradient(135deg, rgb(75, 15, 77), rgb(0, 0, 0));
  --card3-border-width: 2px;
  --card3-border-color: #80328f;
  --card3-shadow: 0px 2px 27px 0px rgba(116, 0, 158, 0.26);
  --footer-bg: #290038;
  --footer-text-color: #ffffff;
}