/* Cores dinâmicas do admin — sobrescreve o front clonado (Vue scoped com hex fixo) */
:root {
    --theme-primary-color: #1ec49a;
    --theme-secondary-color: #1ec49a;
    --theme-primary-rgb: 30, 196, 154;
    --theme-secondary-rgb: 30, 196, 154;
    --primary-color: #1ec49a;
    --secondary-color: #1ec49a;
    --primary-rgb: 30, 196, 154;
    --secondary-rgb: 30, 196, 154;
}

/* Botões e barras com gradiente */
.play-btn,
[class*="play-btn"],
.test-btn.single-btn,
.btn-deposit,
.btn-register,
.btn-primary,
.btn-success,
.register-button,
.submit-btn,
.apply-btn,
.start-button,
.mobile-deposit-btn,
.mobile-register-btn,
.register-btn,
.hero-game-card,
.presell-notice,
.winner-avatar-ring,
.loading-spinner,
.section-separator,
.winner-item,
.amount-button.active,
.value-button.active,
.modal-box,
[class*="btn-deposit"],
[class*="btn-register"],
[class*="btn-primary"],
[class*="submit-btn"],
[class*="register-button"],
[class*="apply-btn"],
[class*="start-button"] {
    background-image: linear-gradient(135deg, #1ec49a, #1ec49a) !important;
    background-color: #1ec49a !important;
    border-color: #1ec49a !important;
    box-shadow: 0 4px 14px rgba(30, 196, 154, 0.35) !important;
}

/* ENTRAR: outline neutro (sem fundo branco) */
.btn-login,
.login-btn,
.mobile-login-btn {
    background: transparent !important;
    background-image: none !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: none !important;
}

.btn-login:hover,
.login-btn:hover,
.mobile-login-btn:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    background-image: none !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    box-shadow: none !important;
}

/* PEGAR BÔNUS: fundo branco + texto Cor Principal */
.promo-button,
[class*="promo-button"] {
    background: #ffffff !important;
    background-image: none !important;
    color: #1ec49a !important;
    border: none !important;
    box-shadow: none !important;
}

.promo-button:hover,
[class*="promo-button"]:hover {
    background: #f5f5f5 !important;
    background-image: none !important;
    color: #1ec49a !important;
}

.promo-bar,
[class*="promo-bar"] {
    background-image: linear-gradient(90deg, #1ec49a, #1ec49a) !important;
    background-color: #1ec49a !important;
}

.test-btn,
[class*="test-btn"] {
    background-color: rgba(30, 196, 154, 0.22) !important;
    background-image: none !important;
    border-color: rgba(30, 196, 154, 0.45) !important;
}

/* Bordas e inputs */
.carousel-container,
.amount-button,
[class*="amount-button"],
.custom-amount-input,
.form-input,
.form-select,
.input-group,
.deposit-amount,
.withdraw-form,
.deposit-form {
    border-color: #1ec49a !important;
}

.amount-button:hover,
.custom-amount-input:focus,
.form-input:focus,
.form-select:focus {
    background-color: rgba(30, 196, 154, 0.15) !important;
}

/* Textos de destaque */
.register-link-text,
.login-link-text,
.terms-link,
.register-link,
.login-link,
[class*="register-link"],
[class*="login-link"] {
    color: #1ec49a !important;
}

.input-icon,
.register-link-text,
.login-link-text {
    color: #1ec49a !important;
}

/* Animações que usavam verde fixo */
@keyframes site-theme-pulse {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(30, 196, 154, 0.35);
    }
    50% {
        box-shadow: 0 0 20px rgba(30, 196, 154, 0.55);
    }
}

.pulse-animation,
[class*="pulse-animation"],
[class*="pulse-green"] {
    animation-name: site-theme-pulse !important;
}

/* Utilitários tailwind do bundle antigo */
.bg-primary-color,
.from-primary-color,
.to-primary-color\/5,
.bg-primary-color\/40 {
    background-color: #1ec49a !important;
    --tw-gradient-from: #1ec49a !important;
    --tw-gradient-to: #1ec49a !important;
}

.bg-secondary-color,
.modal-close-btn {
    background-color: #1ec49a !important;
}