/* ===========================================================================
   LF Pátio · tokens (LFP-1.16)
   Extraídos 1:1 do protótipo aprovado /home/atena/sites/dossie/lf-preview/index.html
   (bloco :root e valores recorrentes). PORTE, não redesenho: não mudar valor
   aqui sem mudar o protótipo junto.

   REGRA DE CONTRASTE (herdada do protótipo): #0055FF sobre o ônix dá 3,46:1 e
   REPROVA para texto. O azul só PINTA (filete, borda, fundo de selo com gelo
   por cima). Texto é gelo ou prata. Âmbar (alerta) e verde (ok) nunca são
   fundo de texto claro.
   =========================================================================== */
:root{
  /* ---- cores (idênticas ao protótipo) */
  --onix:#0A0D14; --grafite:#10141D; --ardosia:#1C1F29;
  --azul:#0055FF; --azul-prof:#1148CC;
  --prata:#BCC2CC; --gelo:#E9EDF4;
  --azul-fraco:rgba(0,85,255,.12); --azul-borda:rgba(0,85,255,.45);
  --prata-fraco:rgba(188,194,204,.72);
  --alerta:#FFB020; --alerta-fraco:rgba(255,176,32,.13); --alerta-borda:rgba(255,176,32,.42);
  --ok:#3FD08A; --ok-fraco:rgba(63,208,138,.12);
  --moldura:#22262F; /* borda do "celular" do protótipo */

  /* ---- tipografia */
  --fonte:Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --fs-base:15px;          /* body */
  --lh-base:1.5;
  --fs-rotulo:9.5px;       /* rótulos caixa-alta (.r, chips, selos) */
  --fs-rotulo-g:10.5px;
  --ls-rotulo:.12em;       /* letter-spacing dos rótulos caixa-alta (.1em a .16em no protótipo) */
  --fs-aba:12.5px;
  --fs-titulo:1.06rem;     /* h2.tit */
  --fs-sub:.84rem;         /* p.sub */
  --fs-botao:15px;         /* .bt */
  --fs-cron-g:33px;        /* cronômetro grande do celular */
  --fs-kpi:22px;

  /* ---- raios */
  --raio-selo:2px;         /* chips, prioridade, número de etapa */
  --raio-xs:3px;
  --raio-sm:4px;           /* abas, campos, botões pequenos */
  --raio-md:5px;           /* painéis, KPIs, ficha */
  --raio-bt:6px;           /* botões de ação */
  --raio-card:7px;         /* cards de tarefa, lista de nomes */
  --raio-pad:9px;          /* teclado de PIN */

  /* ---- espaçamentos (escala recorrente do protótipo) */
  --esp-1:4px; --esp-2:6px; --esp-3:9px; --esp-4:12px;
  --esp-5:14px; --esp-6:16px; --esp-7:22px; --esp-8:34px;

  /* ---- layout */
  --largura-topo:1244px;
  --largura-palco:1180px;
  --filete:2px solid var(--azul);   /* filete azul sob o topo */

  /* ---- toque (mobile-first) */
  --alvo-acao:56px;        /* altura mínima de botão de ação (critério 4 da LFP-1.16) */
  --alvo-min:44px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--onix);color:var(--prata);
  font-family:var(--fonte);font-weight:400;font-size:var(--fs-base);line-height:var(--lh-base);
  -webkit-font-smoothing:antialiased;overflow-wrap:break-word;
}
button,input,select,textarea{font-family:inherit}