:root {
  --cor-primaria: #801c23; /* Vermelho escuro/vinho corporativo */
  --cor-primaria-hover: #66161b; /* Vermelho escuro hover */
  --cor-secundaria: #475569; /* Cinza escuro */
  --cor-fundo: #f4f6fa; /* Cinza muito claro de fundo (como na referência) */
  --cor-fundo-suave: #ffffff; /* Branco para os cartões (cards) */
  --cor-texto: #0f172a; /* Slate 900 para contraste moderno */
  --cor-texto-suave: #64748b; /* Slate 500 para legendas e secundários */
  --cor-borda: #e2e8f0; /* Borda bem suave */
  --cor-branco: #ffffff;
  --cor-sucesso: #16a34a; /* Verde sucesso mais polido */
  --cor-alerta: #ea580c; /* Laranja para status intermediário */
  --cor-perigo: #dc2626; /* Vermelho erro */
  
  --fonte-principal: 'Inter', system-ui, -apple-system, sans-serif;
  
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  
  --espacamento-xs: 4px;
  --espacamento-p: 8px;
  --espacamento-m: 16px;
  --espacamento-g: 24px;
  --espacamento-xg: 48px;
  
  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 20px -2px rgba(0, 0, 0, 0.05), 0 2px 8px -1px rgba(0, 0, 0, 0.03);
  --shadow-lg: 0 10px 30px -5px rgba(0, 0, 0, 0.06), 0 8px 20px -6px rgba(0, 0, 0, 0.04);
}