/* MZK · página de espera do apex · tokens (ÚNICA fonte de valores de estilo deste projeto)
   Valores copiados de Clientes/MZK/site-institucional/site/src/styles/tokens.css (manual 2023 + ERRATA E1),
   só o subconjunto que a página usa. Se o DS do site mudar, atualizar aqui também. */
@font-face { font-family: "Space Grotesk"; font-weight: 700; font-display: swap; src: url("/fonts/space-grotesk-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Roboto"; font-weight: 400; font-display: swap; src: url("/fonts/roboto-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Roboto"; font-weight: 500; font-display: swap; src: url("/fonts/roboto-latin-500-normal.woff2") format("woff2"); }

:root {
  --c-verde: #014751;
  --c-coral: #FF6F5C;
  --c-coral-tom: #FF7D73;
  --c-branco: #FFFFFF;
  --c-escuro: #0F2830;
  --c-vclaro: #00BC7F;

  --g-palco: linear-gradient(45deg, var(--c-escuro) 0%, var(--c-escuro) 45%, var(--c-verde) 100%);

  --tx-1: var(--c-branco);
  --tx-2: color-mix(in srgb, var(--c-branco) 80%, var(--c-escuro));
  --tx-3: color-mix(in srgb, var(--c-branco) 64%, var(--c-escuro));
  --tx-destaque: var(--c-coral);
  --tx-ok: var(--c-vclaro);
  --linha: color-mix(in srgb, var(--c-branco) 16%, transparent);
  --linha-forte: color-mix(in srgb, var(--c-branco) 30%, transparent);
  --sup-1: color-mix(in srgb, var(--c-branco) 6%, transparent);
  --btn-bg: var(--c-coral);
  --btn-tx: var(--c-escuro);
  --btn-bg-hover: var(--c-coral-tom);
  --foco: var(--c-coral);

  --f-titulo: "Space Grotesk", system-ui, sans-serif;
  --f-texto: "Roboto", system-ui, sans-serif;
  --fw-texto: 400;
  --fw-forte: 500;
  --fw-titulo: 700;
  --fs-h1: clamp(2rem, 1.25rem + 3vw, 3.6rem);
  --fs-h2: clamp(1.3rem, 1.1rem + 0.8vw, 1.7rem);
  --fs-lead: clamp(1.02rem, 0.96rem + 0.3vw, 1.2rem);
  --fs-corpo: 1rem;
  --fs-peq: 0.875rem;
  --lh-titulo: 1.08;
  --lh-texto: 1.6;

  --s-1: 0.25rem; --s-2: 0.5rem; --s-3: 0.75rem; --s-4: 1rem; --s-5: 1.5rem; --s-6: 2rem; --s-7: 3rem; --s-8: 4.5rem;
  --raio: 6px;
  --largura: 72rem;
  --largura-texto: 44rem;
  --logo-alt: 1.75rem;
  --campo-alt: 3rem;
  --foco-borda: 3px;
  --dur: 160ms;
  --borda: 1px;
  --foco-offset: 2px;
  --opac-desab: 0.6;
  --tracking-selo: 0.04em;
  --ponto-topo: 0.6em;
  --raio-cheio: 50%;
  --grid-palco: 1.1fr 0.9fr;
  --sublinhado: 0.2em;
  --fundo-fixo: fixed;
}