/* ============================================================= */
/* GLOBAL: VARIÁVEIS (CORES E DIMENSÕES)                         */
/* Arquivo: css/global/variables.css                             */
/* ============================================================= */

:root {
    /* Cores Principais */
    --orange-primary: #f97316;
    
    /* Textos */
    --text-dark: #1f2937;
    --text-light: #6b7280;
    --text-white: #ffffff;
    
    /* Bordas e Fundos */
    --border-color: #e5e7eb;
    --background-white: #ffffff;
    --background-body: #f8f9fa;
    
    /* Sidebar */
    --sidebar-bg: #111827;
    --sidebar-text: #d1d5db;
    --sidebar-text-active: #ffffff;
    --sidebar-width: 280px;
    --sidebar-width-collapsed: 80px;
    
    /* Sombras */
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    
    /* Gráficos (Gradientes) */
    --chart-gradient-start: #ff8c00;
    --chart-gradient-end: #ffa500;
    --chart-area-gradient-start: rgba(249, 115, 22, 0.3);
    --chart-area-gradient-end: rgba(249, 115, 22, 0.01);
    
    /* Status Colors */
    --status-success: #22c55e;
    --status-warning: #f59e0b;
    --status-danger: #ef4444;
    --status-neutral: #6b7280;
    
    /* Bordas */
    --border-radius-md: 8px;

    /* CONFIGURAÇÃO GLOBAL DE INPUTS E DROPDOWNS */
    --input-padding-x: 15px;       /* Padding lateral padrão dos inputs */
    --select-arrow-spacing: 10px;  /* <--- DISTÂNCIA DA SETA PARA A BORDA DIREITA */

    --header-height: 68px;  /* <--- Mude APENAS AQUI no futuro */
}

/* css/global/variables.css */

/* --- TEMA DARK (VARIÁVEIS) --- */
body.dark-mode {
    --text-dark: #f9fafb;
    --text-light: #9ca3af;
    --border-color: #374151;
    --background-white: #1f2937;
    --background-body: #111827;
    --sidebar-bg: #1f2937;
    
    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.2);
    
    --chart-gradient-start: #fddb92;
    --chart-gradient-end: #e65c00;
    --chart-area-gradient-start: rgba(253, 219, 146, 0.3);
    --chart-area-gradient-end: rgba(230, 92, 0, 0.05);

    /* --- CORREÇÃO DO NAVEGADOR --- */
    /* Isso força inputs de data, scrollbars e selects nativos a ficarem escuros */
    color-scheme: dark; 
}