/** * MaximaBet - Color Palette & Theme Engine * Modifique as variáveis abaixo para alterar toda a identidade visual do site. */ :root { /* --- PALETA DE CORES PRINCIPAIS --- */ --primary: #ff7a00; /* Cor de destaque principal (Laranja Maxima) */ --primary-hover: #ff9124; /* Hover do botão primário */ --primary-rgb: 255, 122, 0; /* RGB para transparências */ --secondary: #101522; /* Cor secundária */ --secondary-hover: #171e30; /* Hover secundário */ --accent-green: #00e700; /* Cor de odds / vitórias / online */ --accent-blue: #0088ff; /* Cor de links / destaque */ --accent-red: #ff334b; /* Cor de erro / alertas */ /* --- CORES DE FUNDO & ESTRUTURA --- */ --bg-body: #0a0d14; /* Fundo principal da página */ --bg-header: #0f1420; /* Fundo do cabeçalho superior */ --bg-sidebar: #0f1420; /* Fundo da barra lateral */ --bg-card: #131927; /* Fundo dos cartões de jogos / containers */ --bg-card-hover: #192133; /* Fundo do card em hover */ --bg-modal: #131929; /* Fundo dos modais de login e registro */ --bg-input: #0b0e17; /* Fundo dos campos de formulário */ --bg-footer: #080a10; /* Fundo do rodapé */ --bg-bottom-nav: #0e121c; /* Fundo da barra mobile inferior */ /* --- CORES DE TEXTO --- */ --text-primary: #ffffff; /* Texto principal em alto contraste */ --text-secondary: #c5cdd9; /* Texto secundário / descrições */ --text-muted: #6b778c; /* Texto discreto / placeholders */ --text-primary-btn: #ffffff; /* Texto dentro do botão principal */ /* --- BORDAS E DIVISORES --- */ --border-color: #1e2638; /* Borda padrão de containers */ --border-focus: #ff7a00; /* Borda em foco */ --border-card: #171f30; /* Borda dos cards de jogos */ /* --- RAIOS DE BORDA (BORDER RADIUS) --- */ --radius-xs: 4px; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-full: 9999px; /* --- SOMBRAS --- */ --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4); --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.6); --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.8); --shadow-primary: 0 4px 20px rgba(255, 122, 0, 0.35); /* --- TRANSIÇÕES --- */ --transition-fast: 0.15s ease-in-out; --transition-normal: 0.25s ease-in-out; --transition-smooth: 0.35s cubic-bezier(0.4, 0, 0.2, 1); } /* ========================================================================== PRESETS DE CORES ALTERNATIVAS (Basta adicionar a classe no ) ========================================================================== */ /* Tema Verde Esmeralda (Ex: Bet365 / Stake) */ body.theme-emerald { --primary: #00c26f; --primary-hover: #00df80; --primary-rgb: 0, 194, 111; --shadow-primary: 0 4px 20px rgba(0, 194, 111, 0.35); } /* Tema Roxo Cyber (Ex: Jonbet / Blaze) */ body.theme-purple { --primary: #9d4edd; --primary-hover: #b066f0; --primary-rgb: 157, 78, 221; --shadow-primary: 0 4px 20px rgba(157, 78, 221, 0.35); } /* Tema Ouro Imperial */ body.theme-gold { --primary: #f5a623; --primary-hover: #ffb845; --primary-rgb: 245, 166, 35; --shadow-primary: 0 4px 20px rgba(245, 166, 35, 0.35); } /* Tema Azul Elétrico */ body.theme-blue { --primary: #0080ff; --primary-hover: #2693ff; --primary-rgb: 0, 128, 255; --shadow-primary: 0 4px 20px rgba(0, 128, 255, 0.35); }