:root {
  /* --- Sistema de Design: Variáveis Globais --- */

  /* --- Cores --- */
  /* Paleta Principal: Azul mais suave e profissional */
  --primary-color: #1976D2; /* Azul principal para ações e destaque */
  --primary-light: #2196F3; /* Tom mais claro para hover e elementos secundários */
  --primary-dark: #0D47A1;  /* Tom mais escuro para texto e elementos importantes */

  /* Paleta Neutra: Tons limpos para fundos e texto */
  --neutral-bg: #F5F7FA;     /* Fundo geral da aplicação (cinza muito claro) */
  --neutral-card: #FFFFFF;   /* Fundo de cards e áreas de conteúdo */
  --neutral-text: #333333;   /* Cor principal do texto (cinza escuro) */
  --neutral-text-light: #666666; /* Cor para texto secundário e legendas */
  --neutral-border: #E0E0E0; /* Cor para bordas e divisores */

  /* Cores Funcionais: Para feedback e status */
  --success-color: #4CAF50; /* Verde para sucesso */
  --warning-color: #FF9800; /* Laranja para alertas */
  --error-color: #F44336;   /* Vermelho para erros e ações destrutivas */
  --info-color: #2196F3;    /* Azul para informações */

  /* --- Sombras --- */
  /* Níveis de sombra para criar profundidade */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1); /* Sombra sutil para elementos menores */
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra padrão para cards */
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);/* Sombra maior para modais e popovers */

  /* --- Espaçamento --- */
  /* Escala de espaçamento consistente (múltiplos de 4px) */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;

  /* --- Tipografia --- */
  /* Fonte padrão e escala de tamanhos */
  --font-family: 'Roboto', sans-serif; /* Fonte moderna e legível */
  --font-size-xs: 12px; /* Para legendas e texto muito pequeno */
  --font-size-sm: 14px; /* Para texto secundário e tabelas */
  --font-size-md: 16px; /* Tamanho base para texto geral */
  --font-size-lg: 18px; /* Para subtítulos e elementos importantes */
  --font-size-xl: 24px; /* Para títulos principais */

  /* --- Bordas --- */
  /* Raios de borda para consistência visual */
  --border-radius-sm: 4px;
  --border-radius-md: 8px; /* Raio padrão para cards e botões */
  --border-radius-lg: 12px;

  /* --- Transições --- */
  /* Durações padrão para animações */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease; /* Duração padrão para hover e foco */
  --transition-slow: 350ms ease;

  /* --- Layout --- */
  /* Dimensões chave para o layout */
  --menu-width-collapsed: 70px; /* Largura do menu lateral recolhido */
  --menu-width-expanded: 280px; /* Largura do menu lateral expandido */
  --header-height: 60px;      /* Altura do menu superior */

    /* --- Dashboard --- */



  --cor-fundo-pagina: var(--neutral-bg);
  --cor-texto-primario: var(--neutral-text);
  --cor-texto-secundario: var(--neutral-text-light);
  --cor-branco: var(--neutral-card);
  --border-radius-padrao: var(--border-radius-md);
  --sombra-padrao: var(--shadow-md);
  --cor-primaria: var(--primary-color);
  --cor-secundaria: var(--primary-light);
  --cor-sucesso: var(--success-color);
  --cor-erro: var(--error-color);
  --cor-aviso: var(--warning-color);
  --cor-fundo-cabecalho-box: #f1f3f5; /* Light gray */
  --cor-texto-cabecalho-box: var(--neutral-text);
  --cor-borda-padrao: var(--neutral-border);
  --cor-fundo-thead: #f8f9fa;

  /* --- Variáveis específicas para tabelas do Dashboard --- */
  --cor-borda-tabela: #dee2e6; /* Cinza claro para bordas de célula */
  --cor-linha-alternada: #f8f9fa; /* Cinza muito claro para zebra striping */
  --cor-hover-linha: #e9ecef; /* Cinza claro para hover */
}