/**
 * ============================================================================
 * IDENTIDADE VISUAL DO PRODUTO (Check) — não confundir com a marca do tenant.
 * ============================================================================
 * Usado hoje nas telas de autenticação (login, criar-conta, esqueci-senha).
 * O painel esquerdo dessas telas é a "vitrine" do produto Check; o card do
 * formulário continua 100% white-label (logo/nome do tenant).
 *
 * Pra trocar a marca do produto no futuro, edite SÓ este bloco :root —
 * nada mais no HTML/CSS das telas de auth referencia cor "crua", tudo passa
 * por estas variáveis.
 * ============================================================================
 */
:root {
    --brand-primary: #004aad;  /* cor-base do produto (botões, links, foco) */
    --brand-800:     #214093;  /* um tom mais claro que o primary, meio-termo do degradê */
    --brand-900:     #142664;  /* tom escuro, usado no degradê e em textos sobre fundo claro */
    --brand-deep:    #00167a;  /* tom mais profundo, ponta do degradê */
    --brand-accent:  #7ee319;  /* verde de destaque — usar com moderação (texto SEMPRE escuro em cima) */
    --brand-accent-ink: #0b2e00; /* cor de texto/ícone sobre --brand-accent, garante contraste AA */

    /* Degradê diagonal do painel do produto — 3 stops, sem banding perceptível */
    --brand-gradient: linear-gradient(135deg, var(--brand-deep) 0%, var(--brand-900) 48%, var(--brand-800) 100%);
}