/* Cores Dinâmicas do Tema - HHost */

:root {
    --cor-primaria: #10b981;
    --cor-secundaria: #059669;
    --cor-destaque: #f59e0b;
    --cor-texto: #374151;
    --cor-fundo: #ffffff;
    --cor-footer: #1f2937;
}

/* Aplicar cores */
body {
    background-color: var(--cor-fundo);
    color: var(--cor-texto);
}

/* Top Bar */
.top-bar {
    background: linear-gradient(135deg, var(--cor-primaria) 0%, var(--cor-secundaria) 100%);
}

/* Botões Primários */
/*
 * Garanta que os botões primários mantenham o texto contrastante em todos os estados.
 * Por padrão, os links (`a`) mudam de cor no `:hover`, o que pode fazer com que
 * o texto do botão fique invisível quando a cor do link coincide com o fundo
 * do botão. Ao definir explicitamente a cor do texto como branco tanto no
 * estado normal quanto no `:hover`, preservamos a legibilidade.
 */
.btn-primary,
.modern-btn-primary {
    background: var(--cor-primaria);
    border-color: var(--cor-primaria);
    color: #ffffff;
}

.btn-primary:hover,
.modern-btn-primary:hover {
    background: var(--cor-secundaria);
    border-color: var(--cor-secundaria);
    color: #ffffff;
}

/* Links */
a {
    color: var(--cor-primaria);
}

a:hover {
    color: var(--cor-secundaria);
}

/* Menu Ativo */
.modern-nav .nav-link.active {
    background: linear-gradient(135deg, var(--cor-primaria) 0%, var(--cor-secundaria) 100%);
}

/* Hero Section */
.hero-section {
    background: linear-gradient(135deg, var(--cor-primaria) 0%, var(--cor-secundaria) 100%);
}

/* Cards de Planos */
.plan-card:hover {
    border-color: var(--cor-primaria);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1), 0 0 20px var(--cor-primaria)33;
}

.plan-card .price {
    color: var(--cor-primaria);
}

/* Badge Recomendado */
.recommended-badge {
    background: var(--cor-destaque);
}

/* Footer */
.modern-footer {
    background-color: var(--cor-footer);
}

/* Gradientes */
.gradient-bg {
    background: linear-gradient(135deg, var(--cor-primaria) 0%, var(--cor-secundaria) 100%);
}

/* Bordas */
.border-primary {
    border-color: var(--cor-primaria) !important;
}

/* Texto */
.text-primary {
    color: var(--cor-primaria) !important;
}

/* Background */
.bg-primary {
    background-color: var(--cor-primaria) !important;
}

.bg-secondary {
    background-color: var(--cor-secundaria) !important;
}