/* ============================================================
   ACCANTA · CAMADA 1 — FUNDAÇÃO
   Idêntica em todos os produtos e clientes. Não muda por marca.
   Aprovada em 25/08/2026 (proposta v2 do sistema de design).
   ============================================================ */

@font-face {
  font-family: "Archivo";
  src: url("/static/fonts/archivo-variavel.woff2") format("woff2");
  font-weight: 100 900; /* fonte variável: um arquivo, todos os pesos */
  font-display: swap;
}

:root {
  /* Neutros com matiz 225° (a mesma família do azul Accanta).
     Nunca usar cinza puro de navegador. */
  --n-950: #10192B;
  --n-800: #243149;
  --n-600: #46536D;
  --n-500: #5F6D89;
  --n-400: #97A2B8;
  --n-300: #C0C8D8;
  --n-200: #DAE0EA;
  --n-100: #EBEFF5;
  --n-50:  #F6F8FB;
  --branco: #FFFFFF;

  /* Estados — significado, não identidade: não mudam por cliente.
     Alerta é âmbar de propósito, longe do amarelo Accanta. */
  --sucesso-700: #166B33;
  --sucesso-600: #1B8442;
  --sucesso-100: #DCF2E4;
  --alerta-700: #8A4B00;
  --alerta-600: #B36400;
  --alerta-100: #FBEDDA;
  --erro-700: #A21B1B;
  --erro-600: #C42525;
  --erro-100: #FBE4E4;

  /* Superfícies neutras */
  --pagina: var(--n-50);
  --superficie: var(--branco);
  --borda: var(--n-200);
  --borda-forte: var(--n-300);

  /* Tipografia */
  --fonte: "Archivo", "Segoe UI", system-ui, sans-serif;
  --mono: ui-monospace, "Cascadia Mono", Consolas, monospace;

  /* Espaço (base 4) */
  --esp-1: 4px;  --esp-2: 8px;  --esp-3: 12px; --esp-4: 16px;
  --esp-5: 20px; --esp-6: 24px; --esp-8: 32px; --esp-10: 40px; --esp-14: 56px;

  /* Raio */
  --raio-controle: 6px;   /* campos e botões */
  --raio-cartao: 10px;
  --raio-pilula: 999px;

  /* Sombra */
  --sombra-1: 0 1px 2px rgba(16, 25, 43, .06);
  --sombra-2: 0 4px 14px rgba(16, 25, 43, .10);

  /* Movimento */
  --transicao: 140ms ease-out;

  /* Véus translúcidos (para spinners e sobreposições sobre marca) */
  --veu-claro: rgba(255, 255, 255, .45);
}