:root {
    /* Cores principais - WhatsApp green theme */
    --cor-primaria: #25D366;
    --cor-primaria-escura: #128C7E;
    --cor-primaria-mais-escura: #075E54;
    --cor-primaria-clara: #34D058;
    /* Cores de fundo suave */
    --fundo-primario-suave: #DCF8C6;
    --fundo-primario-suave-escuro: #D1F4CC;
    /* Gradientes */
    --gradiente-primario: linear-gradient(135deg, var(--cor-primaria) 0%, var(--cor-primaria-escura) 100%);
    --gradiente-primario-hover: linear-gradient(135deg, var(--cor-primaria-escura) 0%, var(--cor-primaria-mais-escura) 100%);
    --gradiente-suave: linear-gradient(135deg, var(--fundo-primario-suave) 0%, var(--fundo-primario-suave-escuro) 100%);
    /* Textos */
    --texto-primario: #111827;
    --texto-secundario: #6B7280;
    /* Fundos e bordas */
    --fundo-claro: #F9FAFB;
    --borda-clara: #E5E7EB;
    /* Estados e alertas */
    --sucesso: #10B981;
    --alerta: #F59E0B;
    --erro: #EF4444;
    /* Cores adicionais */
    --cor-acento: #34B7F1;
    --cinza-escuro: #374151;
}

/* Utilizado nos botões "principais" */
.btn-primary {
    background: var(--cor-primaria);
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

    .btn-primary:hover {
        background: var(--cor-primaria-escura);
        transform: translateY(-2px);
}

    .btn-primary:active {
        transform: translateY(0);
    }