/* Padrão visual TOTVS — fonte e cores tiradas de totvs.com e do modelo de documento TOTVS 2025.
   Primitivos -> semânticos. Usado pelo painel (index.html) e, via ferramenta.css, pelas ferramentas. */
@font-face { font-family: "TOTVS"; src: url("TOTVS-Light.woff2") format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "TOTVS"; src: url("TOTVS-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "TOTVS"; src: url("TOTVS-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }

:root {
  /* primitivos */
  --totvs-navy-900: #002233;
  --totvs-navy-800: #0b2e40;
  --totvs-navy-700: #17405a;
  --totvs-cyan-400: #00dbff;
  --totvs-cyan-500: #00c9eb;
  --totvs-cyan-600: #00a3be;
  --totvs-teal-700: #00697a;
  --totvs-roxo-500: #a44dff;
  --totvs-amarelo-500: #feac0e;
  --totvs-verde-500: #28e048;
  --totvs-cinza-900: #212529;
  --totvs-cinza-600: #5b6770;
  --totvs-cinza-300: #d6d6d6;
  --totvs-cinza-100: #f5f5f5;
  --totvs-branco: #ffffff;

  /* semânticos */
  --cor-fundo: var(--totvs-cinza-100);
  --cor-superficie: var(--totvs-branco);
  --cor-texto: var(--totvs-cinza-900);
  --cor-texto-2: var(--totvs-cinza-600);
  --cor-borda: #e3e6e8;
  --cor-marca: var(--totvs-navy-900);
  --cor-destaque: var(--totvs-cyan-400);
  --cor-link: var(--totvs-teal-700);
  --cor-foco: var(--totvs-cyan-600);
  --fonte: "TOTVS", "Segoe UI", system-ui, sans-serif;
  --raio: 10px;
  --sombra: 0 1px 2px rgba(0, 34, 51, .06), 0 4px 16px rgba(0, 34, 51, .06);
}