/* ASL Representações — tokens da marca
   Fonte: manual de identidade visual (Parabellum Digital, 18.09.2026)
   Alterar valores aqui reflete em todas as páginas do site. */

/* Fontes hospedadas no próprio site (subconjunto latin do Google Fonts, licença SIL OFL).
   Antes vinham de fonts.googleapis.com, o que bloqueava a primeira pintura. Archivo e
   IBM Plex Sans são variáveis: um arquivo cobre todos os pesos usados. */
@font-face {
  font-family: "Archivo";
  src: url("/assets/fonts/archivo-latin.woff2") format("woff2");
  font-weight: 700 800;
  font-stretch: 75% 100%;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url("/assets/fonts/ibm-plex-sans-latin.woff2") format("woff2");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url("/assets/fonts/ibm-plex-mono-500-latin.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Paleta oficial */
  --grafite: #1e1e1e;
  --laranja: #ef6807;
  --petroleo: #032235;
  --petroleo-medio: #00506b;
  --ardosia: #3f4654;
  --azul-claro: #a3bbc7;

  /* Derivados de uso (não são cores de marca, só apoio de interface) */
  --laranja-claro: #ff7d1f;
  --laranja-forte: #b34a00; /* com texto branco: 5,4:1 */
  --petroleo-fundo: #021a29;
  --branco: #ffffff;
  --gelo: #f4f7f8;
  --linha: #dde6ea;
  --linha-campo: #7d8b97; /* 3,5:1 sobre branco, mínimo para borda de campo */
  --linha-escura: rgba(163, 187, 199, 0.22);

  /* Texto */
  --texto: #1e1e1e;
  --texto-suave: #3f4654;
  --texto-claro: #dbe6ec;
  --texto-claro-suave: #a3bbc7;
  /* Texto sobre laranja: grafite passa AA (5,3:1); branco não (3,2:1) */
  --texto-sobre-laranja: #1e1e1e;

  /* Tipografia */
  --fonte-titulo: "Archivo", system-ui, -apple-system, sans-serif;
  --fonte-texto: "IBM Plex Sans", system-ui, -apple-system, sans-serif;
  --fonte-dado: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;

  /* Largura do Archivo (eixo variável wdth) */
  --largura-h1: 82%;
  --largura-h2: 88%;

  --t-2xs: 0.8125rem;
  --t-xs: 0.875rem;
  --t-sm: 0.9375rem;
  --t-base: 1.0625rem;
  --t-md: 1.1875rem;
  --t-lg: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --t-xl: clamp(1.625rem, 1.3rem + 1.3vw, 2.25rem);
  --t-2xl: clamp(1.875rem, 1.3rem + 2.2vw, 2.875rem);
  --t-3xl: clamp(2.5rem, 1.5rem + 3.9vw, 4.25rem);

  /* Espaçamento */
  --e-1: 0.5rem;
  --e-2: 0.75rem;
  --e-3: 1rem;
  --e-4: 1.5rem;
  --e-5: 2rem;
  --e-6: 3rem;
  --e-7: 4rem;
  --e-8: 6rem;
  --secao-y: clamp(3.25rem, 2rem + 4.5vw, 5.5rem);

  /* Layout */
  --largura: 1200px;
  --largura-texto: 62ch;
  --borda: 1px solid var(--linha);

  /* Ângulo do corte da marca, usado em marcadores e bordas diagonais */
  --corte: -24deg;
  --corte-altura: clamp(2rem, 4vw, 4rem);
  --etiqueta-sobe: 3.5rem; /* quanto a etiqueta de condições avança sobre o hero */

  /* Movimento */
  --transicao: 180ms cubic-bezier(0.4, 0, 0.2, 1);
}