/* =====================================================
   fischer-tokens.css — tokens de identidade Fischer/Ferfreight
   Camada de FUNDAÇÃO do design-system. O ferdesk-ui.css
   (componentes fd-*) consome estas variáveis.

   Identidade visual: layout_01.png (cotacao.ferfreight.com.br).

   COMO USAR
   - Projeto NOVO (sem portal.css): inclua ESTE arquivo antes do
     ferdesk-ui.css. Os defaults abaixo tornam os componentes
     auto-suficientes.
   - Dentro do FerHelpDesk / Central de Relatório: NÃO inclua este
     arquivo — o portal.css já define estes tokens (não duplicar).
     Inclua só o ferdesk-ui.css.

   TEMAS: um <style id="tema-cores"> ou IdentidadeService.ToCssOverrides
   pode sobrescrever qualquer variável em runtime. Por isso os
   componentes SEMPRE consomem var(--...), nunca cores fixas.
   ===================================================== */

:root {
    /* ---- Marca ---- */
    --fer-azul:    #0057A8;   /* primária — ações, links, KPI total, aba ativa */
    --fer-navy:    #1B2A4A;   /* títulos, gradiente do hero, cabeçalhos escuros */
    --fer-branco:  #FFFFFF;   /* superfícies (cards, painéis) — use SEMPRE var(--fer-branco), nunca #fff */
    --fer-cinza:   #F4F6F8;   /* fundo de página / zebra suave */
    --fer-borda:   #DEE2E6;   /* bordas de card, divisórias */

    /* ---- Hover de lista/tabela (semântica de grid) ---- */
    --lista-linha-bg:    transparent;
    --lista-hover-bg:    rgba(0,87,168,.08);   /* azul 8% — hover de linha clicável */
    --lista-hover-texto: inherit;
    --lista-hover-fonte: 1;

    /* ---- Semáforo de SLA / status (usado por KPIs, timeline, atores) ---- */
    --sla-noprazo-bg:  #198754;   /* verde — no prazo / concluído / atribuído */
    --sla-emrisco-bg:  #ffc107;   /* âmbar — em risco / sem atendimento */
    --sla-vencido-bg:  #dc3545;   /* vermelho — vencido / risco / remover */
    --sla-pausado-bg:  #6c757d;   /* cinza — pausado */
    --sla-cumprido-bg: #0d6efd;   /* azul-claro — cumprido / hoje */

    /* ---- Tipografia (preferências do usuário; temas podem trocar) ---- */
    --pref-font-corpo:   'Segoe UI', Tahoma, Verdana, sans-serif;
    --pref-size-corpo:   15px;
    --pref-color-corpo:  #333333;
    --pref-font-header:  'Segoe UI', Tahoma, Verdana, sans-serif;
    --pref-color-header: #1B2A4A;
    --pref-font-tabela:  'Segoe UI', Tahoma, Verdana, sans-serif;
    --pref-size-tabela:  13px;
    --pref-color-tabela: #212529;
}

/* Base mínima para um projeto NOVO renderizar os componentes com a
   tipografia/superfície certas. Dentro do portal, o portal.css já faz isto. */
body {
    font-family: var(--pref-font-corpo);
    font-size: var(--pref-size-corpo);
    color: var(--pref-color-corpo);
    background: var(--fer-cinza);
}