/* =====================================================================
   AGGalvão · Controle de Estoque — Tokens (cores, raio, sombra)
   Identidade visual do site institucional: fundo claro, vermelho #b50808,
   tipografia Poppins, títulos em caixa alta.
   ===================================================================== */

:root {
    /* Marca */
    --vermelho:        #b50808;
    --vermelho-escuro: #8e0606;
    --vermelho-claro:  #fdeaea;
    --preto:           #121212;
    --texto:           #333333;
    --cinza:           #69727d;
    --verde:           #0cc254;
    --verde-claro:     #e6f9ee;
    --ambar:           #d98200;
    --ambar-claro:     #fff5e6;
    --azul:            #1f6feb;
    --azul-claro:      #eaf1fd;

    /* Superfícies */
    --fundo:        #f4f5f7;
    --superficie:   #ffffff;
    --superficie-2: #fafbfc;
    --borda:        #e3e6ea;
    --borda-forte:  #cfd4da;

    --raio:    8px;
    --raio-sm: 6px;
    --sombra:    0 1px 2px rgba(18, 18, 18, .06), 0 1px 3px rgba(18, 18, 18, .04);
    --sombra-md: 0 4px 12px rgba(18, 18, 18, .08);
    --sombra-lg: 0 12px 32px rgba(18, 18, 18, .14);

    --lateral: 244px;
}