/* =========================================================
   VARIABLES.CSS - Variáveis CSS Globais
   Projeto: MPPE Caatinga Resiste 2026
   Versão: 4.0 (Modular)
========================================================= */

:root {
    /* ===== CORES PRIMÁRIAS ===== */
    --color-primary: #0d5d2e;
    --color-primary-dark: #0a4720;
    --color-primary-light: #14532d;
    
    /* ===== CORES DAS CAMADAS ===== */
    --color-alertas: #FF6F00;
    --color-alertas-light: #FFB74D;
    --color-alertas-header: #1a4d2e;
    
    --color-car: #8B4513;
    --color-car-light: #A0522D;
    
    --color-uc: #2e7d32;
    --color-uc-light: #4caf50;
    
    --color-embargos: #B22222;
    --color-embargos-light: #FF6B6B;
    
    --color-municipios: #FF0000;
    
    /* ===== CORES DE STATUS ===== */
    --color-success: #4caf50;
    --color-warning: #ff9800;
    --color-error: #f44336;
    --color-info: #2196f3;
    
    /* ===== CORES DE TEXTO ===== */
    --text-primary: #333333;
    --text-secondary: #666666;
    --text-muted: #94a3b8;
    --text-light: #f8fafc;
    
    /* ===== CORES DE FUNDO ===== */
    --bg-primary: #ffffff;
    --bg-secondary: #f9fafb;
    --bg-tertiary: #f1f5f9;
    --bg-dark: #2c3e50;
    
    /* ===== CORES DE BORDA ===== */
    --border-light: #e5e7eb;
    --border-medium: #d1d5db;
    --border-dark: #9ca3af;
    
    /* ===== TIPOGRAFIA ===== */
    --font-primary: 'Segoe UI', system-ui, -apple-system, sans-serif;
    --font-title: 'Playfair Display', serif;
    --font-mono: 'Consolas', monospace;
    
    --font-size-xs: 0.7rem;
    --font-size-sm: 0.85rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.2rem;
    --font-size-xl: 1.5rem;
    --font-size-2xl: 2rem;
    
    /* ===== ESPAÇAMENTO ===== */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 12px;
    --spacing-lg: 16px;
    --spacing-xl: 20px;
    --spacing-2xl: 30px;
    
    /* ===== BORDAS ===== */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 12px;
    --radius-full: 9999px;
    
    /* ===== SOMBRAS ===== */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.2);
    
    /* ===== TRANSIÇÕES ===== */
    --transition-fast: 0.15s ease;
    --transition-base: 0.2s ease;
    --transition-slow: 0.3s ease;
    
    /* ===== Z-INDEX ===== */
    --z-map: 1;
    --z-header: 1000;
    --z-sidebar: 2000;
    --z-sidebar-right: 2500;
    --z-dashboard: 3000;
    --z-tooltip: 7000;
    --z-popup: 8000;
    --z-modal: 9000;
    
    /* ===== LARGURAS ===== */
    --sidebar-width: clamp(108px, 12vw, 146px);
    --sidebar-right-width: clamp(25%, 30%, 35%);
    --submenu-width: clamp(275px, 33vw, 330px);
    
    /* ===== ALTURAS ===== */
    --header-height: clamp(60px, 10vh, 90px);
    --sidebar-height: clamp(58vh, 75vh, 86vh);
}