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

/* Variáveis personalizadas geradas automaticamente */
/* =====================================================
   VARIÁVEIS CSS DINÂMICAS - GERADAS AUTOMATICAMENTE
   Site: king-ai
   Configuradas no painel de personalização
   Este arquivo é gerado automaticamente - NÃO EDITAR MANUALMENTE
   ===================================================== */
:root {
  --cor-primaria: #d4af37;
  --cor-secundaria: #9c7b1f;
  --cor-texto: #ffffff;
  --fundo-geral: linear-gradient(135deg, rgb(26, 32, 49), rgb(24, 32, 58));
  --menu-height: 80px;
  --menu-bg: rgb(22, 22, 24);
  --menu-text-color: #ffffff;
  --menu-text-hover-color: #d4af37;
  --menu-item-bg: rgb(28, 28, 30);
  --menu-item-bg-hover: rgb(44, 44, 48);
  --menu-border-width: 1px;
  --menu-border-color: #4c4f55;
  --menu-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  --btn-destaque-bg: linear-gradient(180deg, #ffd55a, #c7981e);
  --btn-destaque-bg-hover: linear-gradient(135deg, #ff6a00 0%, #ff7300 100%);
  --btn-destaque-texto: #1c1c1c;
  --btn-destaque-texto-hover: #111111;
  --btn-destaque-shadow: 0 2px 10px rgba(0,0,0,.1);
  --btn-normal-bg: rgb(255, 255, 255);
  --btn-normal-bg-hover: #d4af37;
  --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(26, 32, 49), rgb(50, 60, 78));
  --card1-border-width: 1px;
  --card1-border-color: #3d4657;
  --card1-shadow: 0px 2px 12px 0px rgba(255, 106, 0, 0.24);
  --card2-bg: rgb(39, 45, 63);
  --card2-border-width: 1px;
  --card2-border-color: #ff6a00;
  --card2-shadow: -30px -30px 0px 0px rgba(0, 0, 0, 0);
  --card3-bg: rgb(24, 28, 35);
  --card3-border-width: 2px;
  --card3-border-color: #ffa061;
  --card3-shadow: 0px 2px 27px 0px rgba(255, 106, 0, 0.26);
  --footer-bg: #1a1a1c;
  --footer-text-color: #c6c6c8;
}