/*
 * Identidade visual da Preserve (25/10/2026): cores, fonte do nome e logotipo "Broto de Sinal".
 * Compartilhado pelo Portal (app.css), pelo site e pelas telas de sistemas (site.css).
 *
 * Paleta:
 *   verde floresta #1E4636  cor principal: botões dos sistemas, títulos, textos de destaque e links
 *   verde-água     #1FA38A  ícones, detalhes e botões grandes; sobre fundo escuro, #4FD1B2
 *   grafite        #1C2023  base escura do site público (banner, atalhos, chamada final, rodapé)
 *   fundo          #EEF5EF  fundo dos sistemas e das seções claras do site
 *
 * Contraste (WCAG): floresta sobre branco 10,6:1 e sobre o fundo 9,6:1; branco sobre floresta
 * 10,6:1; grafite sobre #4FD1B2 8,7:1; #4FD1B2 sobre grafite 8,7:1.
 * O verde-água NUNCA é usado em texto sobre fundo claro (3,2:1 sobre branco, 2,8:1 sobre o fundo):
 * em fundo claro ele aparece só como bloco (ícone branco sobre verde-água, 3,2:1, mínimo de ícone 3:1).
 */

@font-face {
    font-family: "Outfit";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("/assets/fontes/outfit-800-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212;
}

:root {
    --floresta:        #1e4636;
    --floresta-escuro: #163528;   /* hover dos botões */
    --agua:            #1fa38a;
    --agua-claro:      #4fd1b2;   /* verde-água sobre fundo escuro */
    --agua-suave:      #d3eee6;   /* selos e áreas de destaque claras */
    --grafite:         #1c2023;
    --grafite-claro:   #2a3034;   /* hover sobre o grafite */

    --fundo:        #eef5ef;   /* fundo de todas as telas dos sistemas e das seções claras do site */
    --superficie:   #ffffff;   /* cartões, formulários, painéis */
    --fundo-suave:  #f6faf6;   /* linhas alternadas e áreas dentro de cartões brancos */
    --linha:        #dde7df;   /* divisórias dentro de cartões */
    --borda:        #cbd8ce;   /* bordas de cartões */
    --borda-campo:  #7d958a;   /* bordas de campos (3:1 sobre o branco) */
    --destaque-linha: #e2efe4; /* linha da tabela sob o mouse, item ativo do menu */
    --sombra-leve:  0 1px 2px rgb(30 70 54 / .06), 0 4px 14px rgb(30 70 54 / .07);

    --fonte-marca: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Logotipo: símbolo + "Preserve" (Outfit 800); nos sistemas, "Preserve | Portal" */
.logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    color: var(--floresta);
    text-decoration: none;
    font-family: var(--fonte-marca);
    font-weight: 800;
    font-size: 1.35rem;
    line-height: 1;
    letter-spacing: -0.01em;
    white-space: nowrap;
}
.logo img { width: 36px; height: 36px; flex: none; }
.logo-sistema { font-weight: 800; }
.logo-sistema::before { content: "|"; margin: 0 .3em 0 .1em; opacity: .45; font-weight: 400; }
.logo-claro { color: #fff; }

/* Comum ao Portal e ao site: telefones e números que não podem quebrar no meio */
.sem-quebra { white-space: nowrap; }