/* B. Jud — tokens v1 · gerado de tokens.json (não edite à mão; rode build_tokens.py) */

@font-face { font-family: "IBM Plex Sans"; src: url("fonts/IBMPlexSans-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url("fonts/IBMPlexSans-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url("fonts/IBMPlexSans-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url("fonts/IBMPlexSans-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("fonts/IBMPlexMono-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("fonts/IBMPlexMono-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }

:root {
  /* Cores */
  --marinho: #1B2A5E;
  --marinho-bdi: #233E91;
  --azul: #1940E2;
  --azul-press: #1431B0;
  --azul-claro: #E3E9FC;
  --pergaminho: #EFE7D8;
  --pergaminho-linha: #D9CCB4;
  --pergaminho-forte: #725C39;
  --pergaminho-tinta: #4E3F27;
  --fundo: #F3F5F9;
  --superficie: #FFFFFF;
  --superficie-2: #E9ECF2;
  --linha: #D3DAE8;
  --linha-controle: #7D88A1;
  --texto: #101838;
  --texto-2: #3A4460;
  --texto-3: #566180;
  --sobre-escuro: #FFFFFF;
  --sobre-escuro-2: #C3CCE8;
  --urgente: #B42318;
  --urgente-fundo: #FDECEA;
  --urgente-tinta: #8F1D13;
  --urgente-linha: #E9958C;
  --cuidadosa: #14297F;
  --cuidadosa-fundo: #C6D2F8;
  --simples: #3F4759;
  --sensivel: #6B4200;
  --sensivel-fundo: #FBEBC8;
  --sensivel-linha: #9A6F14;
  --cumprida: #15603A;
  --cumprida-fundo: #DDF0E4;
  --opiniao-fundo: #EDF2FF;
  --opiniao-linha: #9DB0F7;
  --dado-1: #3B5CEC;
  --dado-1-forte: #233E91;
  --dado-grade: #E9ECF2;
  --foco: #1940E2;
  /* Famílias */
  --font-sans: "IBM Plex Sans", "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", Consolas, "Courier New", monospace;
  /* Espaços, raios, tamanhos */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --controle-h: 44px;
  --controle-h-compacto: 36px;
  --header-h: 56px;
  --lista-largura: 420px;
  /* Sombras */
  --sombra-1: 0 1px 2px rgba(16,24,56,0.06);
  --sombra-2: 0 4px 12px rgba(16,24,56,0.08), 0 1px 3px rgba(16,24,56,0.06);
  --sombra-foco: 0 0 0 2px #FFFFFF, 0 0 0 4px #1940E2;
}

/* Estilos de texto: classes utilitárias com o mesmo nome do estilo */
.titulo-pagina { font-family: var(--font-sans); font-size: 24px; line-height: 30px; font-weight: 600; letter-spacing: -0.01em; }
.titulo-1 { font-family: var(--font-sans); font-size: 20px; line-height: 26px; font-weight: 600; }
.titulo-2 { font-family: var(--font-sans); font-size: 16px; line-height: 22px; font-weight: 600; }
.corpo { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.corpo-leitura { font-family: var(--font-sans); font-size: 15px; line-height: 23px; font-weight: 400; }
.apoio { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.selo { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; }
.sobretitulo { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
.contador { font-family: var(--font-sans); font-size: 28px; line-height: 32px; font-weight: 600; }
.processo { font-family: var(--font-mono); font-size: 13px; line-height: 18px; font-weight: 400; }
.legal-one { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; }