/* Tokens do Figma "Estoque Virtual — Interface v1" (variáveis "App / Cor (W3 claro)" e "App / Medida"). */

@font-face {
  font-family: "Nunito";
  src: url("/fonts/Nunito-Variable-latin.woff2") format("woff2");
  font-weight: 200 1000;
  font-display: swap;
}

@font-face {
  font-family: "Geist";
  src: url("/fonts/Geist-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Geist Mono";
  src: url("/fonts/GeistMono-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

:root {
  color-scheme: light;

  /* fundo */
  --pagina: #f3f1ea;
  --superficie: #fbfaf6;
  --faixa: #f3f1ea;
  --rebaixado: #e8e5db;

  /* texto */
  --texto-1: #0f0f0d;
  --texto-2: #3a3935;
  --texto-3: #65645d;
  --sobre-escuro: #a9a79e;

  /* linha */
  --linha: #d5d1c4;
  --linha-forte: #0f0f0d;

  /* destaque e alerta */
  --laranja: #ff5701;
  --laranja-texto: #c24100;
  --laranja-veu: #fdf0e6;
  --erro: #b3261e;
  --erro-veu: #f4e5e0;

  /* dados (estado dos SKUs no quadro de pontos) */
  --dado-publicado: #0f0f0d;
  --dado-pronto: #b9b4a4;
  --dado-rascunho: #d5d1c4;
  --dado-hachura: #9d978a;
  --dado-ponto: #d5d1c4;

  /* raios */
  --raio-sm: 6px;
  --raio-md: 12px;
  --raio-lg: 16px;
  --raio-xl: 24px;
  --raio-pill: 999px;

  /* espaços */
  --e-4: 4px;
  --e-8: 8px;
  --e-12: 12px;
  --e-16: 16px;
  --e-24: 24px;
  --e-32: 32px;
  --e-48: 48px;

  /* famílias */
  --f-titulo: "Nunito", ui-rounded, "Avenir Next", system-ui, sans-serif;
  --f-texto: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --curva: cubic-bezier(0.2, 0.7, 0.2, 1);
  --rapido: 140ms;
  --foco: 2px solid var(--texto-1);

  --barra-h: 60px;
  --rodape-h: 36px;
  --pagina-x: 40px;
}

@media (max-width: 860px) {
  :root {
    --pagina-x: 16px;
  }
}