/* Lookalike v2 · tokens do design system
   Fonte: Lookalike v2 - Manual de marca.html (pranchas 18 a 23 e 29) */
@font-face{font-family:'Instrument Sans';src:url(../assets/fonts/InstrumentSans-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url(../assets/fonts/InstrumentSans-500.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url(../assets/fonts/InstrumentSans-600.woff2) format('woff2');font-weight:600;font-display:swap}
:root{
  /* cor */
  --cor-branco-quente:#F7F7F2;
  --cor-nevoa:#DDDED6;
  --cor-traco:#CBCBC3;
  --cor-chumbo:#5E5E5A;
  --cor-grafite:#3E3D3B;
  --cor-noite:#272624;
  --cor-petroleo-900:#073233;
  --cor-petroleo-700:#0F4C4E;
  --cor-petroleo-500:#1F7073;
  --cor-teal-300:#429C9F;
  --cor-teal-100:#D5E9EA;

  /* uso */
  --fundo:var(--cor-branco-quente);
  --fundo-marca:var(--cor-nevoa);
  --fundo-escuro:var(--cor-grafite);
  --texto:var(--cor-grafite);
  --texto-secundario:var(--cor-chumbo);
  --texto-sobre-escuro:var(--cor-nevoa);
  --fio:var(--cor-traco);
  --acento:var(--cor-petroleo-700);
  --acento-escuro:var(--cor-teal-300);
  --destaque-leve:var(--cor-teal-100);
  --foco-claro:var(--cor-petroleo-500);
  --foco-escuro:var(--cor-teal-300);

  /* tipografia */
  --fonte:'Instrument Sans','Helvetica Neue',Arial,sans-serif;
  --peso-regular:400;--peso-medio:500;--peso-semibold:600;
  --tipo-display-tamanho:104px;--tipo-display-entrelinha:1.02;--tipo-display-peso:400;--tipo-display-espacamento:-0.045em;
  --tipo-titulo-1-tamanho:56px;--tipo-titulo-1-entrelinha:1.1;--tipo-titulo-1-peso:400;--tipo-titulo-1-espacamento:-0.03em;
  --tipo-titulo-2-tamanho:40px;--tipo-titulo-2-entrelinha:1.15;--tipo-titulo-2-peso:400;--tipo-titulo-2-espacamento:-0.025em;
  --tipo-titulo-3-tamanho:24px;--tipo-titulo-3-entrelinha:1.3;--tipo-titulo-3-peso:500;--tipo-titulo-3-espacamento:-0.01em;
  --tipo-corpo-grande-tamanho:20px;--tipo-corpo-grande-entrelinha:1.5;--tipo-corpo-grande-peso:400;--tipo-corpo-grande-espacamento:0;
  --tipo-corpo-tamanho:16px;--tipo-corpo-entrelinha:1.55;--tipo-corpo-peso:400;--tipo-corpo-espacamento:0;
  --tipo-legenda-tamanho:14px;--tipo-legenda-entrelinha:1.45;--tipo-legenda-peso:400;--tipo-legenda-espacamento:0;

  /* espaço e grade */
  --espaco-1:8px;
  --espaco-2:16px;
  --espaco-3:24px;
  --espaco-4:40px;
  --espaco-5:64px;
  --espaco-6:104px;
  --espaco-7:168px;
  --grade-desktop-colunas:12;--grade-desktop-margem:96px;
  --grade-tablet-colunas:8;--grade-tablet-margem:40px;
  --grade-celular-colunas:4;--grade-celular-margem:20px;
  --raio:4px;
}