/* Instituto Mozart Ferreira — tokens (v2)
   GERADO a partir do design system (tokens.json). Não editar à mão:
   altere o design system e regenere. */

@font-face {
  font-family: "Zalando Sans SemiExpanded";
  src: url("../fonts/zalando-sans-semiexpanded-var.woff2") format("woff2");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Zalando Sans SemiExpanded";
  src: url("../fonts/zalando-sans-semiexpanded-italic-var.woff2") format("woff2");
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/plus-jakarta-sans-var.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/plus-jakarta-sans-italic-var.woff2") format("woff2");
  font-weight: 200 800;
  font-style: italic;
  font-display: swap;
}

:root,
[data-theme="escuro"] {
  --preto: #121212;
  --verde-fechado: #233d3c;
  --verde-claro: #7c8d8c;
  --amarelo-envelhecido: #b29b76;
  --cinza-claro: #dde0e0;
  --verde-noite: #162826;
  --grafite: #1a1d1d;
  --verde-profundo: #1b302f;
  --cinza-medio: #a9b1b0;
  --verde-medio: #4e5e5d;
  --nevoa: #eceeee;
  --gelo: #f4f5f5;
  --fundo: var(--verde-noite);
  --fundo-alternado: var(--preto);
  --superficie: var(--verde-fechado);
  --tinta: var(--cinza-claro);
  --tinta-suave: var(--cinza-medio);
  --tinta-destaque: var(--verde-claro);
  --linha: rgba(221, 224, 224, 0.16);
  --linha-ouro: var(--amarelo-envelhecido);
  --acao: var(--cinza-claro);
  --acao-hover: var(--gelo);
  --acao-tinta: var(--preto);
  --foco: var(--amarelo-envelhecido);
  --linha-suave: rgba(221, 224, 224, 0.10);
  --icone: var(--amarelo-envelhecido);
  --sombra-cartao: none;
  --sombra-header: 0 1px 0 rgba(221, 224, 224, 0.08);
  color-scheme: dark;
}

[data-theme="claro"] {
  --fundo: var(--cinza-claro);
  --fundo-alternado: var(--nevoa);
  --superficie: var(--gelo);
  --tinta: var(--preto);
  --tinta-suave: var(--verde-medio);
  --tinta-destaque: var(--verde-fechado);
  --linha: rgba(18, 18, 18, 0.16);
  --acao: var(--verde-fechado);
  --acao-hover: var(--verde-profundo);
  --acao-tinta: var(--cinza-claro);
  --foco: var(--verde-fechado);
  --linha-suave: rgba(18, 18, 18, 0.10);
  --icone: var(--verde-fechado);
  --sombra-cartao: 0 24px 48px -28px rgba(18, 18, 18, 0.22);
  --sombra-header: 0 1px 0 rgba(18, 18, 18, 0.08);
  color-scheme: light;
}

:root {
  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 12px;
  --espaco-4: 16px;
  --espaco-5: 24px;
  --espaco-6: 32px;
  --espaco-7: 48px;
  --espaco-8: 64px;
  --espaco-9: 96px;
  --espaco-10: 128px;
  --espaco-11: 160px;
  --largura-conteudo: 1240px;
  --largura-texto: 560px;
  --margem-lateral: 20px;
  --margem-lateral-lg: 48px;
  --altura-header: 80px;
  --moldura: 20px;
  --raio-0: 0px;
  --raio-1: 4px;
  --raio-2: 16px;
  --raio-arco: 999px;
  --font-display: "Zalando Sans SemiExpanded", "Helvetica Neue", Arial, sans-serif;
  --font-texto: "Plus Jakarta Sans", "Helvetica Neue", Arial, sans-serif;
}