/* ============================================================
   variaveis.css — PALETA ZCSA (portal.zcsa.adv.br)
   Baseado em: ajustar tema/tema-zcsa.html
   ============================================================ */

:root {

    /* ── CORES DO TEMA ZCSA ── */
    --cor-primaria:        #76B52A;
    --cor-primaria-hover:  #378207;
    --cor-primaria-light:  rgba(118, 181, 42, 0.14);
    --cor-primaria-rgb:    118, 181, 42;

    --cor-secundaria:      #199641;
    --cor-secundaria-hover:#255705;
    --cor-secundaria-light:rgba(25, 150, 65, 0.14);
    --cor-secundaria-rgb:  25, 150, 65;

    --cor-sucesso:         #76B52A;
    --cor-sucesso-light:   rgba(118, 181, 42, 0.14);
    --cor-sucesso-rgb:     118, 181, 42;

    --cor-alerta:          #C3A500;
    --cor-alerta-light:    rgba(195, 165, 0, 0.14);
    --cor-alerta-rgb:      195, 165, 0;

    --cor-erro:            #dc2626;
    --cor-erro-light:      rgba(220, 38, 38, 0.14);
    --cor-erro-rgb:        220, 38, 38;

    --cor-info:            #0891b2;
    --cor-info-light:      rgba(8, 145, 178, 0.14);
    --cor-info-rgb:        8, 145, 178;

    --cinza-50:  rgba(255, 255, 255, 0.06);
    --cinza-100: rgba(255, 255, 255, 0.08);
    --cinza-200: rgba(255, 255, 255, 0.14);
    --cinza-300: rgba(255, 255, 255, 0.22);
    --cinza-400: rgba(255, 255, 255, 0.45);
    --cinza-500: rgba(255, 255, 255, 0.78);
    --cinza-600: #8F8F8F;
    --cinza-700: rgba(255, 255, 255, 0.88);
    --cinza-800: #ffffff;
    --cinza-900: #ffffff;

    /* ── SUPERFÍCIES (vidro transparente sobre fundo.webp) ── */
    --fundo-fallback:      #0c1520;
    --img-fundo:           url('../img/sistema/fundo.webp');

    --fundo-app:           transparent;
    --fundo-sidebar:       transparent;
    --fundo-topbar:        transparent;
    --fundo-card:          transparent;
    --fundo-card-solid:    rgba(12, 21, 32, 0.88); /* interior escuro dos cards (card-solid) */
    --fundo-input:         rgba(255, 255, 255, 0.06);
    --fundo-hover:         rgba(255, 255, 255, 0.06);
    --fundo-ativo:         rgba(118, 181, 42, 0.14);

    /* ── TEXTOS (sobre fundo escuro) ── */
    --texto-titulo:    #ffffff;
    --texto-corpo:     rgba(255, 255, 255, 0.88);
    --texto-suave:     rgba(255, 255, 255, 0.78);
    --texto-desativo:  rgba(255, 255, 255, 0.45);
    --texto-inverso:   #ffffff;
    --texto-link:      var(--cor-primaria);
    --text-shadow-ui:  0 1px 3px rgba(0, 0, 0, 0.55);

    /* ── BORDAS ── */
    --borda:           rgba(255, 255, 255, 0.38);
    --borda-forte:     rgba(255, 255, 255, 0.52);
    --borda-input:     rgba(255, 255, 255, 0.38);
    --borda-focus:     var(--cor-primaria);

    /* ── SOMBRAS ── */
    --sombra-sm:  0 2px 10px rgba(0, 0, 0, 0.14);
    --sombra-md:  0 4px 20px rgba(0, 0, 0, 0.22), 0 1px 4px rgba(0, 0, 0, 0.12);
    --sombra-lg:  0 8px 40px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.20);
    --sombra-xl:  0 12px 48px rgba(0, 0, 0, 0.40);

    --sombra-primaria: 0 4px 20px rgba(var(--cor-primaria-rgb), 0.25);
    --sombra-secundaria: 0 4px 20px rgba(var(--cor-secundaria-rgb), 0.25);

    /* ── GLASSMORPHISM ── */
    --glass-bg:        transparent;
    --glass-border:    rgba(255, 255, 255, 0.52);
    --glass-border-in: rgba(255, 255, 255, 0.38);
    --glass-blur:      blur(16px);
    --glass-shadow:    var(--sombra-md);
    --glass-shadow-nest: var(--sombra-sm);

    --radius-sm:   10px;
    --radius-md:   16px;
    --radius-lg:   24px;
    --radius-xl:   24px;
    --radius-pill: 999px;

    --esp-1:   4px;
    --esp-2:   8px;
    --esp-3:   12px;
    --esp-4:   16px;
    --esp-5:   20px;
    --esp-6:   24px;
    --esp-8:   32px;
    --esp-10:  40px;
    --esp-12:  48px;
    --esp-16:  64px;

    --fonte-sans:  'Inter', 'DM Sans', system-ui, sans-serif;
    --fonte-mono:  'JetBrains Mono', 'Fira Code', monospace;

    --text-xs:   11px;
    --text-sm:   13px;
    --text-base: 14px;
    --text-md:   15px;
    --text-lg:   17px;
    --text-xl:   20px;
    --text-2xl:  24px;
    --text-3xl:  30px;

    --peso-normal:   400;
    --peso-medio:    500;
    --peso-semi:     600;
    --peso-bold:     700;

    --sidebar-largura:        240px;
    --sidebar-largura-mini:   68px;
    --topbar-altura:          60px;

    --transicao:       .18s ease;
    --transicao-lenta: .32s ease;

    --z-base:    1;
    --z-dropdown: 100;
    --z-sidebar: 200;
    --z-topbar:  300;
    --z-modal:   400;
    --z-toast:   500;
}