/* ==========================================================================
   WebHaus — Custom CSS do tema Lagom (estilo "Default")
   Caminho no servidor: /templates/lagom2/core/styles/default/assets/css/theme-custom.css

   Este arquivo é carregado automaticamente por cima do CSS do Lagom e
   NÃO é sobrescrito em atualizações do tema (mecanismo oficial "Custom
   CSS File" do Lagom). Ele funciona sobrescrevendo as CSS custom
   properties (--brand-primary, --brand-danger etc.) que o próprio
   Lagom usa em todos os componentes.

   Identidade aplicada, igual aos templates de e-mail WHMCS:
     Navy  #0E3C6C  -> cor institucional (links, menu, cabeçalhos de painel)
     Verde #AAD043  -> botão de ação principal (CTA)
     Vermelho #D64545 -> cobrança em atraso / alertas críticos
     Poppins -> tipografia, com Arial de fallback
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

:root {

    /* ---- Tipografia ---- */
    --font-family-base: 'Poppins', Arial, sans-serif;

    /* ---- Navy institucional (links, menu, painéis, badges) ---- */
    --brand-primary:                #0E3C6C;
    --brand-primary-lighter:        #4A6D91;
    --brand-primary-lighter-2:      #93A7BD;
    --brand-primary-lighter-3:      #C3CEDA;
    --brand-primary-lighter-4:      #E2E8ED;
    --brand-primary-darker:         #0B3056;
    --brand-primary-gradient-start: #0D3661;
    --brand-primary-gradient-end:   #2B537E;

    /* ---- Vermelho de urgência (faturas em atraso, alertas críticos) ---- */
    --brand-danger:                 #D64545;
    --brand-danger-lighter:         #E07474;
    --brand-danger-lighter-2:       #EDABAB;
    --brand-danger-lighter-3:       #F4CBCB;
    --brand-danger-lighter-4:       #F9E3E3;
    --brand-danger-darker:          #AB3737;
    --brand-danger-gradient-start:  #AB3737;
    --brand-danger-gradient-end:    #D64545;

    /* ---- Botão de ação principal (CTA) em verde, mesmo com o navy
           controlando links/menu via --brand-primary acima ---- */
    --btn-primary-bg:               #AAD043;
    --btn-primary-border:           #AAD043;
    --btn-primary-color:            #0B3056;
    --btn-primary-hover-bg:         #BFDC72;
    --btn-primary-hover-border:     #BFDC72;
    --btn-primary-hover-color:      #0B3056;
    --btn-primary-active-bg:        #88A636;
    --btn-primary-active-border:    #88A636;

    /* Variante "faded" do botão primário (usada em cards/promo blocks) */
    --btn-primary-faded-bg:         #EFF6DE;
    --btn-primary-faded-border:     #EFF6DE;
    --btn-primary-faded-color:      #6C8A2A;
    --btn-primary-faded-hover-bg:   #E2EFC4;
    --btn-primary-faded-hover-border: #E2EFC4;
    --btn-primary-faded-hover-color:  #6C8A2A;
}