/* Design tokens — Service Desk Mainetti. Referência: Material 3 / Google Workspace. */
:root {
  --fonte: "Google Sans Text", "Roboto Flex", Roboto, system-ui, sans-serif;
  --tam-corpo: 14px;
  --altura-linha: 1.5;

  --fundo: #f8f9fa;
  --superficie: #ffffff;
  --superficie-2: #f1f3f4;
  --borda: #dadce0;
  --texto: #1f1f1f;
  --texto-2: #5f6368;
  --texto-3: #6b7075; /* 5,2:1 no branco (AA em texto pequeno); antes #80868b dava 3,5:1 */

  --acao: #7A2E2E;
  --acao-hover: #5E2222;
  --acao-tonal: #F6ECEC;
  --acao-contorno: #C9A3A3;
  --acao-texto: #ffffff;

  --ok: #1e8e3e;
  --ok-fundo: #e6f4ea;
  --atencao: #f9ab00;
  --atencao-fundo: #fef7e0;
  --erro: #B3261E;
  --erro-fundo: #fce8e6;

  --marca-escuro-1: #2A1414;
  --marca-escuro-2: #3D1C1C;
  --marca-apoio: #cfd3d8;

  --sombra-flutuante: 0 1px 2px rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
  --sombra-menu: 0 2px 6px 2px rgba(60,64,67,.15), 0 1px 2px rgba(60,64,67,.3);

  --raio-pilula: 999px;
  --raio-cartao: 12px;
  --raio-grande: 16px;
  --raio-maior: 28px;

  --e1: 4px; --e2: 8px; --e3: 12px; --e4: 16px; --e5: 24px; --e6: 32px; --e7: 48px;

  --topbar-altura: 64px;
  --transicao: 160ms ease;
  color-scheme: light;
}