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

/* Variáveis personalizadas geradas automaticamente */
/* =====================================================
   VARIÁVEIS CSS DINÂMICAS - GERADAS AUTOMATICAMENTE
   Site: aladdin
   Configuradas no painel de personalização
   Este arquivo é gerado automaticamente - NÃO EDITAR MANUALMENTE
   ===================================================== */
:root {
  --cor-primaria: #73d9eb;
  --cor-secundaria: #00a0bd;
  --cor-texto: #ffffff;
  --fundo-geral: linear-gradient(135deg, rgb(0, 0, 0), rgb(0, 45, 61));
  --menu-height: 80px;
  --menu-bg: rgb(0, 0, 0);
  --menu-text-color: #ffffff;
  --menu-text-hover-color: #73d9eb;
  --menu-item-bg: rgb(30, 39, 62);
  --menu-item-bg-hover: rgb(46, 58, 86);
  --menu-border-width: 1px;
  --menu-border-color: #73d9eb;
  --menu-shadow: 0px 4px 12px 0px rgba(115, 217, 235, 0.25);
  --btn-destaque-bg: linear-gradient(180deg, rgb(116, 217, 235), rgb(5, 140, 163));
  --btn-destaque-bg-hover: linear-gradient(135deg, #058ca3 0%, #058ca3 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: #22a0b5;
  --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(11, 13, 20), rgb(50, 59, 78));
  --card1-border-width: 1px;
  --card1-border-color: #17464f;
  --card1-shadow: 0px 2px 12px 0px rgba(116, 217, 235, 0.24);
  --card2-bg: rgb(39, 45, 63);
  --card2-border-width: 1px;
  --card2-border-color: #73d9eb;
  --card2-shadow: -30px -30px 0px 0px rgba(0, 0, 0, 0);
  --card3-bg: rgb(24, 28, 35);
  --card3-border-width: 2px;
  --card3-border-color: #c2f6ff;
  --card3-shadow: 0px 2px 27px 0px rgba(115, 217, 220, 0.26);
  --footer-bg: #202634;
  --footer-text-color: #ffffff;
}