/* =======================================================
   SocialSys — tokens de cor (fonte única)
   Carregado pelo painel (antes do style.css) e pelos layouts que não usam o
   style.css: portal público, login, portais do fornecedor e do colaborador.
   Os valores do modo noturno ficam no style.css (só o painel tem modo noturno).
   Cor nova entra aqui. Veja docs/DESIGN.md.
   ======================================================= */
:root {
    /* Marca */
    --social-blue:      #204460;   /* tinta principal: títulos, botão primário, sidebar ativa */
    --social-blue-dark: #1A3850;   /* hover do primário */
    --social-cyan:      #60CFFF;   /* destaque: foco, seleção, barra de progresso */
    --social-cyan-soft: #E0F2FE;

    /* Neutros (slate com leve viés azul) */
    --social-bg:     #F8FAFC;  /* fundo da página */
    --social-sub:    #F1F5F9;  /* fundo de cabeçalho de tabela, chips */
    --social-line:   #E2E8F0;  /* bordas */
    --social-line-2: #CBD5E1;
    --social-gray:   #64748B;  /* texto secundário */
    --social-gray-2: #94A3B8;  /* texto terciário, ícones apagados */
    --social-text:   #1E293B;  /* texto corrente */
    --social-text-2: #334155;
    --social-text-3: #475569;
    --social-white:  #FFFFFF;

    /* Semânticas: texto / fundo / borda (mesmas do uiSelo) */
    --ok:        #15803D; --ok-bg:    #ECFDF5; --ok-line:    #A7F3D0;
    --aviso:     #B45309; --aviso-bg: #FFFBEB; --aviso-line: #FDE68A;
    --erro:      #B91C1C; --erro-bg:  #FEF2F2; --erro-line:  #FECACA;
    --info:      #0369A1; --info-bg:  #F0F9FF; --info-line:  #BAE6FD;
    --neutro:    #475569; --neutro-bg:#F1F5F9; --neutro-line:#CBD5E1;

    /* ---- Tons legados ----
       Cores que as telas antigas repetem e que não batem com nenhum token acima.
       Mesmo valor de antes no claro; no noturno cada uma tem seu par (bloco do modo noturno, no fim).
       Código novo usa os tokens de cima, não estes. */
    --tom-fundo-1: #F8F9FA; --tom-fundo-2: #FCFDFE; --tom-fundo-3: #F8FAFF; --tom-fundo-4: #E9ECEF;
    --tom-azul-claro: #EFF6FF; --tom-ciano-claro: #E0F7FF;
    --tom-ok-claro: #DCFCE7; --tom-ok-claro-2: #F0FDF4; --tom-aviso-claro: #FEF3C7; --tom-erro-claro: #FEE2E2;
    --tom-texto-cinza: #6C757D; --tom-texto-cinza-2: #718096;
    --tom-texto-escuro: #343A40; --tom-texto-escuro-2: #41464B; --tom-texto-escuro-3: #495057;
    --tom-aviso-escuro: #92400E; --tom-erro-escuro: #991B1B; --tom-info-escuro: #055160;
    --tom-ok-escuro: #0F5132; --tom-ok-escuro-2: #166534; --tom-ok-escuro-3: #065F46;
    --tom-borda-1: #EDF2F7; --tom-borda-2: #DEE2E6; --tom-ok-borda: #BBF7D0;
    --tom-azul-bootstrap: #0A58CA;
    --tom-azul-link: #0B5ED7; --tom-ciano-escuro: #0E7490; --tom-texto-bs: #212529;
}