/* ============================================
   APEXPY - VARIÁVEIS CSS - DARK THEME
   ============================================ */

:root {
    /* Cores Primárias - Dark Theme */
    --apexpy-green: #00BF63;
    --apexpy-dark: #231F20;
    
    /* Cores Secundárias */
    --apexpy-green-light: #00E676;
    --apexpy-green-dark: #00A050;
    --apexpy-gray: #2A2A2A;
    --apexpy-gray-light: #3A3A3A;
    --apexpy-gray-dark: #1A1A1A;
    
    /* Cores de Apoio */
    --apexpy-success: #00BF63;
    --apexpy-warning: #FFB800;
    --apexpy-error: #FF4444;
    --apexpy-info: #00A8FF;
    
    /* Cores de Texto */
    --text-primary: #FFFFFF;
    --text-secondary: #B0B0B0;
    --text-tertiary: #808080;
    --text-inverse: #231F20;
    
    /* Backgrounds */
    --bg-primary: #231F20;
    --bg-secondary: #2A2A2A;
    --bg-tertiary: #3A3A3A;
    --bg-card: rgba(42, 42, 42, 0.8);
    --bg-overlay: rgba(0, 0, 0, 0.85);
    
    /* Bordas */
    --border-color: rgba(0, 191, 99, 0.3);
    --border-color-light: rgba(0, 191, 99, 0.15);
    --border-color-dark: rgba(0, 191, 99, 0.5);
    
    /* Sombras */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
    --shadow-green: 0 0 20px rgba(0, 191, 99, 0.3);
    --shadow-green-glow: 0 0 30px rgba(0, 191, 99, 0.5);
    
    /* Tipografia */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    
    /* Tamanhos de Fonte */
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 2rem;
    --font-size-4xl: 2.5rem;
    
    /* Espaçamentos (8px System) */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    
    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-card: 14px;
    --radius-modal: 20px;
    --radius-full: 9999px;
    
    /* Transições */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 350ms ease;
    
    /* Glassmorphism */
    --glass-bg: rgba(35, 31, 32, 0.7);
    --glass-border: rgba(0, 191, 99, 0.2);
    --glass-blur: blur(30px);
    --glass-saturation: saturate(180%);
    
    /* Z-Index */
    --z-base: 1;
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-modal: 1000;
    --z-tooltip: 1100;
    --z-toast: 1200;
}