:root {
    /* Pozadine */
    --bg-primary: #0a0f14;
    --bg-secondary: #0f1519;
    --bg-card: rgba(18, 24, 30, 0.85);
    --bg-card-hover: rgba(22, 30, 38, 0.95);
    
    /* Tekst */
    --text-primary: #ffffff;
    --text-secondary: rgba(255, 255, 255, 0.8);
    --text-muted: rgba(255, 255, 255, 0.55);
    
    /* Akcentne boje - zelena za auto tematiku */
    --accent-primary: #00c853;
    --accent-secondary: #00e676;
    --accent-glow: rgba(0, 200, 83, 0.4);
    --accent-dark: #00963f;
    
    /* Gradijenti */
    --gradient-primary: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);
    --gradient-card: linear-gradient(145deg, rgba(0, 200, 83, 0.05) 0%, transparent 100%);
    
    /* Font */
    --font-heading: 'Montserrat', 'Poppins', sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    
    /* Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    
    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.25);
    --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.3);
    --shadow-glow: 0 4px 30px var(--accent-glow);
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* Spacing */
    --section-padding: 100px 0;
    --section-padding-mobile: 60px 0;
    --container-max: 1200px;
    
    /* Z-index */
    --z-header: 1000;
    --z-modal: 2000;
}