/* =================================================================
   TOKENS.CSS — variáveis centrais de design (cor, espaçamento, tipografia)
   Carregar antes de qualquer outro CSS do sistema.
   ================================================================= */
:root {
    --cor-primaria:       #3691a1;
    --cor-primaria-hover: #6db3b2;
    --cor-primaria-texto: #2d7886;
    --cor-perigo:         #dc2626;
    --cor-texto:          #1f2937;
    --cor-fundo:          #f5f7f5;

    --bg-card:    #fff;
    --border:     #e5e7eb;
    --text-muted: #6b7280;

    --espaco-sm: 8px;
    --espaco-md: 16px;
    --espaco-lg: 24px;

    --fonte-base:  14px;
    --borda-raio:  6px;
}

/* Foco visível para navegação por teclado (acessibilidade básica) */
/* Fundo visual compartilhado pelas telas do sistema. */
body:not([data-print]) {
    background-image: url('../images/login-background.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

:focus-visible {
    outline: 2px solid var(--cor-primaria);
    outline-offset: 2px;
}