/*
  marca.css - tokens da identidade Guilherme Motta DEV.

  Fonte única da verdade: site, painel de clientes, propostas, relatórios e HUB.
  Carregado antes do CSS de cada projeto. Só tokens, nenhum componente.

  Spec: .private/marca/2026-09-26-identidade-visual.md
  Direção: Engenharia clara, aprovada em 26/09/2026.

  Caminho das fontes é absoluto de propósito: este arquivo é consumido de
  /proposta/<cliente>/ e /relatorios/<cliente>/<doc>/, em profundidades
  diferentes.

  O tema escuro existe só na spec e entra aqui junto com o HUB.
*/

@font-face{font-family:'Archivo';font-style:normal;font-weight:700;font-display:swap;
  src:url(/assets/fontes/archivo-700-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;
  src:url(/assets/fontes/ibm-plex-sans-400-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;
  src:url(/assets/fontes/ibm-plex-sans-600-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{
  /* Impede o navegador de pintar campo de formulário com o tema escuro do
     sistema. O formulário de contato é a captura de lead. */
  color-scheme: light;

  /* Superfície */
  --papel:#F6F8F6;
  --papel-2:#FFFFFF;
  --papel-3:#EDF1EE;

  /* Texto */
  --texto:#12181A;
  --apagado:#55635E;
  --apagado-2:#7E8C86;

  /* Borda */
  --linha:#D8E0DB;
  --linha2:#C3CFC8;

  /* Marca */
  --verde:#0E7C4A;
  --verde-forte:#0A5E38;
  --verde-fraco:#E4F1EA;

  /* Estado. Separado do acento de marca, exceto --ok: em painel de status,
     verde igual a "no ar" é convenção que não vale quebrar. */
  --atencao:#B45309;
  --critico:#B42318;
  --ok:#1A7F4B;

  /* Tipografia */
  --titulo:'Archivo','Segoe UI',system-ui,sans-serif;
  --fonte:'IBM Plex Sans','Segoe UI',system-ui,-apple-system,sans-serif;
  /* Sem @font-face: o site não usa mono em lugar nenhum. O IBM Plex Mono entra
     junto com o HUB, que é onde a direção o justifica. Até lá, a pilha do
     sistema resolve e o site não baixa 15 KB à toa. */
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --peso-titulo:700;
  --peso-forte:600;
  --t-rotulo:12px;
  --t-pequeno:14px;
  --t-base:16px;
  --t-medio:18px;
  --t-grande:clamp(21px,2.2vw,24px);
  --t-titulo:clamp(26px,3.2vw,32px);
  --t-titulo-g:clamp(32px,5vw,44px);
  --t-heroi:clamp(38px,6.5vw,62px);

  /* Forma */
  --raio-p:4px;
  --raio:7px;
  --raio-g:12px;
  --sombra:0 1px 2px rgba(18,24,26,.05), 0 8px 24px rgba(18,24,26,.05);

  /* Layout */
  --lateral:clamp(16px,4vw,40px);
}