:root {
  --fonte-principal: 'Roboto', sans-serif;
  --padding-navegacao: 20px;
  --padding-rodape: 2rem;
  --raio-borda: 8px;
  --transicao: 0.3s ease;
  --cor-primaria: #28a745;
  --cor-amarelo:#ae9c00;
  --cor-perigo: #b80303;
  --cor-branco: #ffffff;
  --cor-preto: #000000;
  --cinza-escuro: #1c1c1c;
  --cinza-escuro2: #333333;
  --cinza-medio: #555555;
  --cinza-claro: #c0c0c0;
  --cinza-claro2: #e0e0e0;
  --texto-principal: var(--cor-preto);
  --texto-secundario: var(--cinza-medio);
  --texto-invertido: var(--cor-branco);
  --overlay-preto-claro: rgba(0, 0, 0, 0.15);
  --overlay-preto-medio: rgba(0, 0, 0, 0.6);
  --overlay-branco-claro: rgba(255, 255, 255, 0.2);
  --gradiente-escuro: linear-gradient(#1a1a1a, #2e2e2e);
  --fundo-cabecalho: #242424;
  --fundo-claro: #f5f5f5;
  --fundo-secundario: #fafafa;
  --fundo-card: var(--cinza-claro2);
  --hover-azul: #000862;
  --cor-link: #1a73e8;
  --cor-link-hover: #0c47b7;
  --cor-sucesso: var(--cinza-escuro);
  --cor-erro: var(--cor-perigo);
  --borda-light: 1px solid var(--cinza-claro2);
  --sombra-leve: 0 2px 6px rgba(0, 0, 0, 0.1);
  --sombra-media: 0 4px 12px rgba(0, 0, 0, 0.2);
  --gradiente-primario: linear-gradient(var(--cinza-escuro), var(--cor-preto));
  --gradiente-hover: linear-gradient(var(--hover-azul), #000049);
}